.topnav {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  height: 124px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  /* background-color: transparent; */
  background-image: -webkit-linear-gradient(270deg, rgba(21, 103, 150, .43), rgba(21, 103, 150, .40)), url('../images/jody-bg.jpg');
  background-image: linear-gradient(180deg, rgba(106, 155, 196, .80), rgba(19, 89, 150, 0.45)), url('../images/jody-bg.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.mainnav {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1000;
  margin-top: 0px;
  background-color: #313131;
  box-shadow: 0 1px 3px 0 #000;
}
.logo-block {
  width: 350px;
  padding-top: 20px;
  float: left;
  clear: none;
}
.mainnavlink {
  margin-top: 2px;
  margin-right: 11px;
  padding: 13px 10px;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #d6d6d6;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.mainnavlink:hover {
  color: #4bbce0;
}

.mainnavlink.dropdown {
  margin-right: -10px;
  padding-right: 43px;
  color: #d6d6d6;
}

.mainnavlink.dropdown:hover {
  color: #4bbce0;
}

.w-nav-link.w--current {
  color: #51d4fd;
}
  .mainnavbox {
    display: flex;
    overflow: visible;
    min-width: 0px;
    padding-bottom: 2px;
    float: left;
    clear: none;
    background-color: transparent;
    text-align: left;
    list-style-type: disc;
  }

.logo-brand.tablet {
  width: 303px;
  height: 64px;
  background-image: url('../images/jd-logo.png');
  background-position: 1px 50%;
  background-size: 300px;
  background-repeat: no-repeat;
}


@media (max-width: 991px) {
	 .topnav {
    height: 85px;
    padding-top: 0px;
    padding-bottom: 0px;
  	}
  	.logo-block {
	  width: 350px;
	  padding-top: 5px;
	  float: left;
	  clear: none;
	}
	.mainnavlink {
        display: inline-block;
        margin-right: 5px;
        padding: 13px 10px;
        float: none;
        clear: none;
        font-size: 13px;
        line-height: 7px;
        text-transform: uppercase;
      }
    .logo-brand.tablet {
    width: 300px;
    height: 78px;
    padding-bottom: 41px;
    background-image: url('../images/jd-logo.png');
    background-position: 0px 0px;
    background-size: 300px;
    background-repeat: no-repeat;
  }
}

@media (max-width: 767px) {
	  .topnav {
    position: relative;
/*    height: 73px;  */
    margin-top: 0px;
  	}
  	.logo-block {
	  width: 350px;
	  padding-top: 5px;
	  float: left;
	  clear: none;
	}
	.logo-brand.tablet {
	  position: static;
	  width: 273px;
	  height: 78px;
	  margin-left: -13px;
	  padding-bottom: 41px;
	}
}

@media (max-width: 479px) {
	
	  .topnav {
/*    height: 61px; */
  	}
	.logo-block {
	  width: 350px;
	  padding-top: 5px;
	  float: left;
	  clear: none;
	}
  .logo-brand.tablet {
    width: 160px;
    background-image: url('../images/jd-logo.png');
    background-size: 187px;
    background-repeat: no-repeat;
  }
  .logo-brand.phonelogo {
    width: 130px;
    background-image: url('../images/jd-logo.png');
    background-position: 0px 50%;
    background-size: 150px;
    background-repeat: no-repeat;
  }
}