@media only screen and (max-width: 375px) {

  .modal-dialog {
    margin-top: 0 !important;
    margin-left: 0 !important;
    max-width: 370px;
  }

  .modal-body iframe{
    width: 370px;
    height: 208px;
  }

}


@media screen and (max-height: 775px) {

  .socialmedia-sm {
    display: none;
  }

}

@media screen and (max-height: 873px) {

  .modal-dialog {
    margin-top: 20px !important;
  }

}

/* ===== Menu adjustment for iPhone 5s ===== */

@media screen and (max-height: 1136px) {

  .logo {
    width: 60px;
    margin: 20px auto 0px auto;
  }

  .expanded-menu a {
    font-size: 1.5rem;
  }

}



/* ===== For Desktop ===== */

@media screen and (max-width: 1212px) {

  .modal-dialog {
    margin-top: 10% !important;
    margin-left: 20% !important;
    max-width: 800px;
  }

  .modal-body iframe {
    width: 800px;
    height: 450px;
  }

}


@media screen and (min-width: 1349px) and (max-width: 1562px) {

  .clients {
    width: 80%;
  }

  .cap-buttons {


  }

}


@media screen and (min-width: 1025px) and (max-width: 1223px) {

  /* General layout sizing */



    .webcontent {
      margin-left: 180px;
      margin-right: 30px;
    }

    .intro {
      width: 90%;
    }

    hr.dividingline {
      width: 100%;
    }

    .content-img {
      width: 100%;
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 40px;
      padding-bottom: 40px;
    }

  /* Capabilities sizing */
    .capabilities {
      display: none;
    }

    .capabilities-mobile {
      display: block;
    }

    .cap-buttons {
      margin-left: 180px;
    }

    .popup {
      display: none;
      position: fixed;
      padding: 20%;
      width: 100%;
      margin: 0;
      height: 100%;
      z-index: 20;
      left: 0px;
      top: 0px;
      background: rgba(125, 124, 125, 0.8);
      overflow: scroll;
    }


    .popup h4 {
      color: white;
      text-align: center;
    }

    .close-button {
      padding-bottom: 20px;
      text-align: center;
    }

    .close-button a{
      color: white;
    }

    #capSub {
      color: #595959;
    }

    #capTextBody {
      color: white;
      text-align: center;
      margin-right: 0;
      width: 100%;
    }


    #patientCommsMobile {
      -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
      box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    }

    #liveEventsMobile {
      -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
      box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    }

    #filmVideoMobile {
      -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
      box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    }

    #campDevMobile {
      -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
      box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    }

    #internalCommsMobile {
      -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
      box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    }

    #brandAdvertsMobile {
      -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
      box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    }

    #trainingDevMobile {
      -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
      box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    }

    #writingMobile {
      -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
      box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    }

    #digitalMobile {
      -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
      box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    }

    /* Books sizing */

    .expandingBoxTop {
      top: 1050px;
    }

    .expandingBoxBottom {
      top: 1050px;
    }



}

@media screen and (min-width: 1224px) and (max-width: 1357px;) {

  .expandingBoxTop {
    top: 800px;
    width: 75%;
  }

  .expandingBoxBottom {
    top: 800px;
    width: 75%;
  }

  #capTextBody {
    width: 100%;
  }

  .background-video iframe{
    margin-left: 200px;
    margin-top: 100px;
  }

}


@media only screen  and (min-width: 1358px) {

  /* Capabilities sizing */

  .expandingBoxTop {
    top: 760px;
  }

  .expandingBoxBottom {
    top: 760px;
  }

  #capTextBody {
    width: 100%;
  }

  .expandingBoxTop.booksbox {
    top: 1050px;
  }



}

@media only screen and
(min-width : 360px) and
(max-width : 640px) and
(-webkit-min-device-pixel-ratio : 3) {

  .clients img {
    max width: 30%;
  }
}

@media only screen and (max-width: 1024px) {

  .webcontent {
    margin-left: 200px;
  }

  .modal-dialog {
    margin-top: 10% !important;
    margin-left: 10% !important;
    max-width: 800px;
  }

  .modal-body iframe {
    width: 800px;
    height: 450px;
  }

  .footer-copy {
    font-size: 0.5em;
    margin-bottom: 5px;
  }

  h3 {
  width: 90%;
  }

  /* Capabilities sizing */

    .expandingBoxTop {
      top: 940px;
      width: 750px;
    }

    .expandingBoxBottom {
      top: 940px;
      width: 750px;
    }

    .expandingBoxTop.booksbox {
      top: 1200px;
      width: 800px;
    }

    #Booktext {
      width: 350px;
    }

    #Booktext p {
      margin-right: 10px;
      width: 100%;
    }


}

@media only screen and (min-width: 1366px) {

  .modal-dialog {
    margin-top: 5% !important;
    margin-left: 5% !important;
    max-width: 1200px;
  }

  .modal-body iframe{
    width: 1200px;
    height: 675px;
  }


}


@media only screen  and (min-width: 1400px) {

  .expandingBoxTop {
    top: 750px;
  }

  .expandingBoxBottom {
    top: 750px;
  }

  .expandingBoxTop.booksbox {
    top: 1020px;
  }


}

@media only screen and (min-width : 768px) and (max-width : 1305px) {

  .teamsection {
    display: none;
  }

  .mobile-team {
    display: block;

  }

  .mobile-team img{
    width: 30%;
    margin-right: 2%;
    margin-bottom: 2%;
  }



}


/*  ===== For Tablet ===== */

@media only screen and (min-width : 768px) and (max-width : 1023px) {





/* Team sizing */

.col-sm-10 {
  width: 100%;
}

.banner-img {
  margin-top: 75px;
}

.joinus-Desktop {
  display: none;
}


#home-vid {
  width: 80%;
  margin-left: -40%;
  margin-top: -40%;
  -webkit-margin: 0px;
}

.modal-dialog {
  margin-top: 10% !important;
  margin-left: 10% !important;
  max-width: 600px;
}

.modal-body iframe {
  width: 600px;
  height: 337.5px;
}


.contracted-menu {
  width: 100vw;
  height: 75px;
  animation: animatetop 0.4s;

}

.menu-icons {
  visibility: hidden;
}

#ipalogos {
  clear: both;
  width: 50%;
}

.ipa-placeholder {
  display: inline;
}

#ipa-text-section {
  width: 100%;
}

.expanded-menu {
  height: 100vh;
  width: 100vw;
  margin-top: -100vh;
  z-index: 100;
  overflow-y: hidden;
  overflow-x: visible;
  margin-left: 0;
}

.menu-line {
  display: none;
}

.expanded-menu a {
  padding-bottom: 10px;
  margin-bottom: 7px;
  -webkit-margin-bottom: 7px;
}

#expanded-menu .privacy p {
  padding-left: 0;
  margin: 0;
  width: 100%;
}

.secNav-level2 {
  margin-top: 0;
}


/* General layout sizing */

  .webcontent {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 100px;
  }

  .subButton {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 50px;
    margin-left: 0px;
  }

  .body-copy {
    padding-right: 0;
    margin-right: 0;
    width: 100%;
  }

  .body-copy p {
    padding-right: 0;
    margin-right: 0;
    width: 100%;
  }

  .intro {
    width: 100%;
  }

  #intro-body {
    width: 100%;
  }

  .content-img {
    width: 100%;
    padding: 40px 50px;
  }

  p {
    width: 90%;
  }

/* Join us sizing */

#vacancy {
  width: 100%;
}




/* Footer sizing */

.global-footer {
  font-size: 1em;
}

.footer-nav {
  margin-left: 100px;
  padding-left: 0;
}

.footer-copy {
  font-size: 0.8em;
}


.footer-nav div {
  width: 20%;
  margin-left: 0;
}

.footer-logo {
  width: 100%;
  margin-bottom: 20px;
}

.footer-logo-sec {
  width: 30%;
}

/* Capabilities sizing */
  .capabilities {
    display: none;
  }

  .capabilities-mobile {
    display: block;
  }

  .cap-buttons {
    margin-left: 30px;
  }


  .popup {
    display: none;
    position: fixed;
    padding: 50px;
    width: 70%;
    margin: 0 15%;
    height: 100%;
    z-index: 20;
    left: 0;
    top: 0;
    background: rgba(125, 124, 125, 0.9);
    overflow: scroll;
  }


  .popup h4 {
    color: white;
    text-align: center;
  }

  .close-button {
    padding-bottom: 20px;
    text-align: center;
  }

  .close-button a{
    color: white;
  }

  #capSub {
    color: #595959;
  }

  #capTextBody {
    color: white;
    text-align: center;
    margin-right: 0;
    width: 100%;
  }


  #patientCommsMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  #liveEventsMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  #filmVideoMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  #campDevMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  #internalCommsMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  #brandAdvertsMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  #trainingDevMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  #writingMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  #digitalMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  #designMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  /* Books sizing */

  .bookimg {
    margin-left: 0;

    width: 40%;
    border: none;
    display: inline;
  }

  .bookimg img {
    width: 40%;
    margin-bottom: 30px;
  }

  .subintro {
    width: 100%;
  }

  .images {
    display: none;
  }

  .booksmobile {
    display: block;
  }

  .bookImgMobile {
    width: 40%;
    text-align: center;
    padding-left: 0;
    margin: 0 30%;
  }

  .popupbooks p {
    color: white;
    text-align: center;
    margin-right: 0;
    width: 100%;
  }

  /* .bookbtn {
    background-color: #DA8219;
    color: white;
    width: 50%;
    margin: 0 25%;
  } */

  .bg-content {
    overflow: auto;
    height: 100%;
  }

  .popupbooks {
    display: none;
    position: fixed;
    padding: 30px 0;
    width: 80%;
    margin: 0 10%;
    height: 100%;
    z-index: 20;
    left: 0;
    top: 0;
    background: rgba(125, 124, 125, 0.9);
    overflow: scroll;
  }

  .popup-content h4 {
    text-align: center;
    color: white;
  }

  .popup-content {
    margin-bottom: 30px;
  }

  #clinicalTrialsMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  #coeliacDiseaseMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  #highBloodPressureMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  #painMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  #RAMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }

  #PaceMobile {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
    box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  }


}


/* ===== For Mobile Phones ===== */





/* General layout sizing */






@media only screen and (max-width: 767px) {
  [class*="col-"] {
    width: 100%;
  }

  #main {
    margin-top: 100px;
  }

  #cuttings6 {
    position: relative;
  }

  .webcontent {
    margin-left: 30px;
    margin-right: 30px;
  }


/* General layout sizing */



  .popicon {
    width: 30%;
  }

  .popheading {
    font-size: 1em;
    color: #8da07d;
  }

  .popIconBlock {
    display: inline;
    width: 35%;
  }


/* ===================== */


/* General layout sizing */

  br .lg-screen-break {
    display: none;
  }

  .content-img {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 40px;
  }

/* Text sizing */

  .intro {
    width: 100%;
  }

  #expanded-menu .privacy p {
    padding-left: 0;
    margin: 0;
    width: 100%;
  }

  .ipa li {
    padding-right: 0;
  }

 .body-copy {
   padding-right: 0;
   margin-right: 0;
   width: 100%;
 }

 .body-copy p {
   padding-right: 0;
   margin-right: 0;
   width: 100%;
 }

 #form_message {
   width: 100%;;
 }

 #intro-body {
   width: 100%;
 }

 .intro-body {
   width: 100%;
 }

/* Button/element/image sizing */

  .subButton {
    display: block;
    margin: 10px 10px;
  }

  .secNav-level2 {
    margin-top: 0;
  }

  hr.dividingline {
    width: 100%;
  }

  .benefits-icons img{
    padding-bottom: 0;
    padding-top: 20px;
  }



  #actmobile {
    height: 200px;
    width: 200px;
    margin: auto auto 20px auto;
    display: block;
    top: 0;
  }

  #last-img {
    margin-bottom: 40px;
  }

  #image-cert {
    width: 45%;
  }

  .teamsection {
    display: none;
  }

  .quote {
    width: 100%;
  }

  .mobile-team {
    display: block;
  }

  .mobile-team img {
    max-width: 80%;
    padding-bottom: 10px;
  }


  .map-overlay {
    display: none;
  }

  #img-desktop {
    display: none;
  }

  #img-mobile {
    display: block;
    margin-bottom: 30px;
  }

  .bodyimg {
    width: 100%;
    margin: 0;
    padding: 0;
  }


/* Homepage */


#home-vid {
  width: 80%;
  margin-left: -40%;
  margin-top: -80%;
  -webkit-margin: 0px;
}

/* Menu sizing */

  .contracted-menu {
    width: 100%;
    height: 75px;
    animation: animatetop 0.4s;

  }

  .menu-icons {
    visibility: hidden;
  }

  .expanded-menu {
    height: 100vh;
    width: 100vw;
    margin-top: -100vh;
    z-index: 100;
    overflow-y: hidden;
    overflow-x: visible;
    margin-left: 0;
  }

  .menu-line {
    display: none;
  }

  .expanded-menu a {
    padding-bottom: 10px;
    margin-bottom: 7px;
    -webkit-margin-bottom: 7px;
  }


/* Cuttings menu sizing */

  .grid li {
    width: 100%;
  }

/* Footer sizing */

  .global-footer {
    height: 80px;
  }

  .mobile-footer-logo {
    display: block;
    margin: 0px auto;
    padding-top: 30px;
    width: 150px;
  }

  .global-footer .footer-nav {
    display: none;
  }


/* Capabilities sizing */

.capabilities {
  display: none;
}

.capabilities-mobile {
  display: block;
}

.cap-buttons {
  margin-left: 30px;
}

.popup {
  display: none;
  position: fixed;
  padding: 30px;
  width: 80%;
  margin: 0 10%;
  height: 100%;
  z-index: 20;
  left: 0;
  top: 0;
  background: rgba(125, 124, 125, 0.9);
  overflow: scroll;
}


.popup h4 {
  color: white;
  text-align: center;
}

.close-button {
  padding-bottom: 20px;
  text-align: center;
}

.close-button a{
  color: white;
}

#capSub {
  color: #595959;
}

#capTextBody {
  color: white;
  text-align: center;
  margin-right: 0;
  width: 100%;
}


#patientCommsMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

#liveEventsMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

#filmVideoMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

#campDevMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

#internalCommsMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

#brandAdvertsMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

#trainingDevMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

#writingMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

#digitalMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

#designMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}


/* Books sizing */

.bookimg {
  margin-left: 0;
  width: 90%;
  border: none;
}

.bookimg img {
  width: 90%;
  margin-bottom: 30px;
}


.subintro {
  width: 100%;
}

.images {
  display: none;
}

.booksmobile {
  display: block;
}

.bookImgMobile {
  width: 40%;
  text-align: center;
  padding-left: 0;
  margin: 0 30%;
}

.popupbooks p {
  color: white;
  text-align: center;
  margin-right: 0;
  width: 100%;
}

/* .bookbtn {
  background-color: #DA8219;
  color: white;
  width: 50%;
  margin: 0 25%;
} */

.bg-content {
  overflow: auto;
  height: 100%;
}

.popupbooks {
  display: none;
  position: fixed;
  padding: 10px;
  width: 80%;
  margin: 0 10%;
  height: 100%;
  z-index: 20;
  left: 0;
  top: 0;
  background: rgba(125, 124, 125, 0.9);
  overflow: scroll;
}

.popup-content h4 {
  text-align: center;
  color: white;
}

.popup-content {
  margin-bottom: 30px;
}

#clinicalTrialsMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

#coeliacDiseaseMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

#highBloodPressureMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

#painMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

#RAMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

#PaceMobile {
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
  box-shadow: 0px 0px 0px 9999px rgba(125, 124, 125, 0.9);
}

/* Clients sizing */

.client-logo {
  width: 150px;
  height: 150px;
}

.clients img {
  width: 40%;
  height: 40%;
}

.clients {
  max-width: 100vw;
  margin-bottom: 100px;
}


.modal-dialog {
  margin-top: 5% !important;
  margin-left: 5% !important;
  max-width: 300px;
  max-height: 168px;
}

.modal-body iframe{
  width: 300px;
  height: 168px;
}


/* Contact sizing */

  .address {
    display: block;
  }

/* Privacy sizing */

  #privacy-text {
    width: 100%;
  }

/* Blogs */

.blog-bullet {
  padding-left: 14px;
}

.blog-bullet li{
  margin-left: 0;
  padding-right: 0;
}

.blog-video-large {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  height: auto;
}

.blog-video {
  height: auto;
}

#odd-video iframe{
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  height: auto;
}

h1 {
  width: 100%;
}

.banner-img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  margin-left: -50%;
  margin-top: 0px;
  -webkit-margin-top: 0px;
  -webkit-position: absolute;
  top: 75px;
}

.jumbotron {
  overflow-x: hidden;
}

#mobile-topHeading {
  margin-top: 40px;
}

.br-mobile {
  display: inline;
}

.blog-img-mobile {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
}

#img-col {
  padding-left: 0;
  padding-right: 0;
}

#mobile-banner {
  display: block;
}

#desktop-banner {
  display: none;
}

}