body {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
   font-family: Roboto, sans-serif;
}

img {
   max-width: 100%;
   height: auto;
}

html,
body {
   background-color: #fff;
   -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
   -webkit-text-size-adjust: 100%;
   overflow-x: hidden;
}

.center-content {
   width: 100%;
   text-align: center;
}

p {
   line-height: 1.2;
}

.clear {
   clear: both;
   display: block;
   height: 0;
   overflow: hidden;
   visibility: hidden;
   width: 0;
}

.embed-container {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

a[href^=tel] {
   color: inherit;
   text-decoration: underline;
}

span.error {
   display: block;
   font-size: 13px;
   color: red;
}

/***********************************    DESKTOP    **************************************/
@media only screen and (min-width:1241px) {
   html,
   body {
      background-color: #fff !important;
      overflow-x: hidden;
   }

   body {
      background-color: #ffffff;
      width: 100%;
      height: auto;
      padding: 0px;
      text-align: left;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
   }

   #centered {
      position: absolute;
      width: 1244px;
      left: 50%;
      top: 17px;
      margin-left: -622px;
      background-repeat: repeat-x;
      margin-bottom: 0px;
   }

   #container {
      background-color: #ffffff;
      height: auto;
      width: 100%;
   }

   div.content {
      background-color: #ffffff;
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 20px;
      padding-right: 0px;
      padding-left: 0px;
      padding-bottom: 0px;
      height: auto;
   }

   div.headbk {position: fixed;
      z-index: 65;
      background-color: #c9c9ca;
      width: 100%;
      height: 40px;
      align: top;
      top: 0px;
      left: 0px;
      padding: 0 0 0 0;
   }
   div.headtxleft {position: fixed;
      z-index: 70;
      width: 100%;
      float: left;
      padding: 6px 0px 0px 0px;
      font-family: Avenir Next,Arial,Verdana;
      color: #283891;
      font-weight: normal;
      font-size: 1.1em;
      text-align: center;
   }
   div.logoback {
      background-color: #ededec;
      display: inline-block;
      width: 100vw;
      height: auto;
   }
   div.logo {
      background-color: #ededec;
      width: 360px;
      height: auto;
      float: left;
      padding: 4px 0px 0 15px;
   }
   div.nav {
      background-color: #ededec;
      width: 61.5%;
      height: 75px;
      text-align: left;
      padding: 22px 0 0 477px;
   }

   div.main-content {
      padding: 15px 0 0 0;
   }

   div.main-image {
      padding: 0px 0 0 0;
      width: 1244px;
      height: auto;
   }
   video {  
      width: 1120px;
      height: auto;
      top: 0;
      left: 0;
   }
   div.main-image2 {
      padding: 18px 0 0 0;
      width: 1245px;
      height: auto;
   }

   .full-screen-width {
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      max-width: 100vw;
      width: 100vw;
   }

   div.text1 {
      background-color: #ffffff;
      width: 1120px;
      float: left;
      padding: 0px 20px 0px 60px;
      font-family: Avenir Next,Arial,Verdana;
      color: #555;
      font-weight: normal !important;
      font-size: 1.5em;
      line-height: 1.6em;
   }
   div.columnback {
      display: inline-block;
      float: left;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px;
   }
   div.column1 {
      background-color: #ffffff;
      width: 33%;
      float: left;
      padding: 25px 0px 75px 10px;
      font-family: Avenir Next,Arial,Verdana;
      color: #555;
      font-weight: normal !important;
      font-size: 1.4em;
      line-height: 1.6em;
      text-align: center;
   }
   div.column2 {
      background-color: #ffffff;
      width: 33%;
      float: left;
      padding: 25px 0px 75px 0px;
      font-family: Avenir Next,Arial,Verdana;
      color: #555;
      font-weight: normal !important;
      font-size: 1.4em;
      line-height: 1.6em;
      text-align: center;
   }
   div.column3 {
      background-color: #ffffff;
      width: 33%;
      float: left;
      padding: 25px 0px 75px 0px;
      font-family: Avenir Next,Arial,Verdana;
      color: #555;
      font-weight: normal !important;
      font-size: 1.4em;
      line-height: 1.6em;
      text-align: center;
   }
   div.jobber {
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px;
        text-align: center;
        float: left;
      }  
   
   .callbutton { 
    position:relative; 
    width:auto; 
    height:auto; 
    }
   div.curiousback {
      background-color: #c21330;
      display: inline-block;
      width: 100vw;
      height: 300px;
   }
   div.curioustext {
      width: 1245px;
      font-family: Avenir Next,Arial,Verdana;
      color: #fff !important;
      float: left;
      font-size: 1.5em;
      font-weight: normal;
      padding: 45px 0px 20px 0px;
      text-align: center;
   }
   div.planstext {
      width: 100%;
      height: auto;
      font-family: Avenir Next,Arial,Verdana;
      color: #c21330;
      float: left;
      font-size: 2em;
      font-weight: bold;
      padding: 20px 0px 20px 0px;
      text-align: center;
   }
   div.plans {
      width: 100%;
      background-color: #fff;
      height: auto;
      padding: 20px 0px 20px 0px;
      text-align: center;
      cursor: pointer;
   }
   div.onetimeback {
      background-color: #787878;
      display: inline-block;
      width: 100vw;
      height: 155px;
   }
   div.onetimetext {
      width: 1245px;
      font-family: Avenir Next,Arial,Verdana;
      color: #fff !important;
      float: left;
      padding: 0px 0px 20px 0px;
      text-align: center;
   }
   div.whycleantext {
      font-family: Avenir Next,Arial,Verdana;
      width: 93%;
      color: #555 !important;
      float: left;
      font-size: 1.5em;
      line-height: 1.6em;
      font-weight: normal;
      padding: 20px 20px 60px 45px;
      text-align: left;
   }

   div.trashbinsback {
      background-image: url("../images/trash-bins.jpg");
      no-repeat;
      display: inline-block;
      float: right;
      width: 100%;
      height: 730px;
      padding: 0px 0px 0px 0px;
   }
   div.trashbinstext {
      font-family: Avenir Next,Arial,Verdana;
      width: 37%;
      color: #ededec !important;
      float: left;
      font-size: 1.6em;
      line-height: 2.2em;
      font-weight: normal;
      padding: 35px 20px 50px 45px;
      text-align: left;
   }
   div.lowertext {
      font-family: Avenir Next,Arial,Verdana;
      width: 95%;
      color: #555 !important;
      float: left;
      font-size: 1.5em;
      line-height: 1.6em;
      font-weight: normal;
      padding: 20px 0px 60px 45px;
      text-align: left;
   }

   div.clear {
      clear: both;
   }

   img {
      max-width: 100%;
      height: auto;
   }

   div.footerback {
      background-color: #20409a;
      display: inline-block;
      width: 100vw;
      height: 400px;
   }
   div.footertext {
      background-color: #20409a;
      font-family: Avenir Next,Arial,Verdana;
      width: 90%;
      color: #ededec !important;
      float: left;
      font-size: 1.2em;
      line-height: 2.3em;
      font-weight: bold;
      padding: 50px 0px 0px 50px;
      text-align: left;
   }
  .full-width-bar {
  margin: 0 -9999rem;
  padding: 0.25rem 9999rem;
  background: rgba(0, 0, 0, 0.5);
}

   h1 {
   font-family: Arial,Verdana,sans-serif;
   color: rgb(194, 19, 48);
   font-size: 1.8em;
   letter-spacing: 2px;
   line-height: 1.8em;
   font-weight: bold;
}

   
   .sml-desktop-show {
      display: none;
   }

   .mobile-show {
      display: none;
   }

   a:link {
      text-decoration: none;
      color: #20409a;
   }

   a:hover {
      text-decoration: none;
      color: #20409a;
   }

   a:visited {
      text-decoration: none;
      color: #555;
   }
   div.howworks {
        width: 100%;
        height: auto;
        font-size: .9em;
        font-weight: bold;
        font-color: #ffffff;
        font-family: Avenir Next,Arial,Verdana;
        border: none;
        text-decoration: none;
      }
      .howworks a:link  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .howworks a:visited { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .howworks a:active  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .howworks a:hover   { color: #ffffff; padding: 20px; transition: .05s; text-decoration: none; background-color: #c21330; border-radius: 30px;} 
   div.curiousplans {
        width: 100%;
        height: auto;
        font-size: .9em;
        font-weight: bold;
        font-color: #ffffff;
        font-family: Avenir Next,Arial,Verdana;
        border: none;
        text-decoration: none;
      }
      .curiousplans a:link  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .curiousplans a:visited { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .curiousplans a:active  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .curiousplans a:hover   { color: #ffffff; padding: 20px; transition: .05s; text-decoration: none; background-color: #888888; border-radius: 30px;} 
   div.viewplans {
        width: 100%;
        height: auto;
        font-size: .9em;
        font-weight: bold;
        font-color: #ffffff;
        font-family: Avenir Next,Arial,Verdana;
        border: none;
        text-decoration: none;
      }
      .viewplans a:link  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #c21330; border-radius: 30px;}

      .viewplans a:visited { color: #ffffff; padding: 20px; text-decoration: none; background-color: #c21330; border-radius: 30px;}

      .viewplans a:active  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #c21330; border-radius: 30px;}

      .viewplans a:hover   { color: #ffffff; padding: 20px; transition: .05s; text-decoration: none; background-color: #20409a; border-radius: 30px;} 

}

/***********************************    SML DESKTOP    **************************************/
@media only screen and (min-width:1110px) and (max-width:1244px) {

   /*** SML DESKTOP ***/
   html,
   body {
      background-color: #ffffff !important;
   }

   body {
      background-color: #ffffff;
      width: 100%;
      height: auto;
      padding: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
   }

   #container {
      position: absolute;
      width: 100%;
      background-repeat: repeat-x;
      margin-bottom: 0px;
   }

   div.content {
      background-color: #ffffff;
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 8px;
      padding-right: 0px;
      padding-left: 0px;
      padding-bottom: 0px;
      height: auto;
   }

   div.headbk {position: fixed;
      z-index: 65;
      background-color: #c9c9ca;
      width: 100%;
      height: 40px;
      align: top;
      top: 0px;
      left: 0px;
      padding: 0 0 0 0;
   }
   div.headtxleft {position: fixed;
      z-index: 70;
      width: 100%;
      float: left;
      padding: 2px 0px 0px 0px;
      font-family: Avenir Next,Arial,Verdana;
      color: #283891;
      font-weight: normal;
      font-size: 1.1em;
      text-align: center;
   }
   div.logoback {
      background-color: #ededec;
      display: inline-block;
      width: 100vw;
      height: auto;
   }
   div.logo {
      background-color: #ededec;
      width: 300px;
      height: auto;
      float: left;
      padding: 38px 0px 10px 15px;
   }
   div.nav {
      background-color: #ededec;
      width: 70%;
      height: 75px;
      text-align: left;
      padding: 48px 0 0 350px;
   }

   div.main-content {
      padding: 15px 0 0 0;
   }

   div.main-image {
      padding: 0px 0 0 0;
      width: 100%;
      height: auto;
   }
   video {  
      width: 1020px;
      height: auto;
      top: 0;
      left: 0;
   }
   div.main-image2 {
      padding: 18px 0 0 0;
      width: 1245px;
      height: auto;
   }

   div.text1 {
      background-color: #ffffff;
      width: 1020px;
      float: left;
      padding: 0px 20px 0px 40px;
      font-family: Avenir Next,Arial,Verdana;
      color: #555;
      font-weight: normal !important;
      font-size: 1.5em;
      line-height: 1.6em;
   }
   div.columnback {
      display: inline-block;
      float: left;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px;
   }
   div.column1 {
      background-color: #fff;
      width: 32%;
      float: left;
      padding: 25px 10px 75px 30px;
      font-family: Avenir Next,Arial,Verdana;
      color: #555;
      font-weight: normal !important;
      font-size: 1.4em;
      line-height: 1.6em;
      text-align: center;
   }
   div.column2 {
      background-color: #fff;
      width: 32%;
      float: left;
      padding: 25px 0px 75px 0px;
      font-family: Avenir Next,Arial,Verdana;
      color: #555;
      font-weight: normal !important;
      font-size: 1.4em;
      line-height: 1.6em;
      text-align: center;
   }
   div.column3 {
      background-color: #fff;
      width: 32%;
      float: left;
      padding: 25px 0px 75px 0px;
      font-family: Avenir Next,Arial,Verdana;
      color: #555;
      font-weight: normal !important;
      font-size: 1.4em;
      line-height: 1.6em;
      text-align: center;
   }
   div.jobber {
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px;
        text-align: center;
        float: left;
      }  
   
   .callbutton { 
    position:relative; 
    width:auto; 
    height:auto; 
    }
   div.curiousback {
      background-color: #c21330;
      display: inline-block;
      width: 100%;
      height: 300px;
   }
   div.curioustext {
      width: 100%;
      font-family: Avenir Next,Arial,Verdana;
      color: #fff !important;
      float: left;
      font-size: 1.5em;
      font-weight: normal;
      padding: 45px 0px 20px 0px;
      text-align: center;
   }
   div.planstext {
      width: 100%;
      height: auto;
      font-family: Avenir Next,Arial,Verdana;
      color: #c21330;
      float: left;
      font-size: 2em;
      font-weight: bold;
      padding: 20px 0px 20px 0px;
      text-align: center;
   }
   div.plans {
      width: 100%;
      background-color: #fff;
      height: auto;
      padding: 20px 0px 20px 0px;
      text-align: center;
      cursor: pointer;
   }
   div.onetimeback {
      background-color: #787878;
      display: inline-block;
      width: 100%;
      height: 155px;
   }
   div.onetimetext {
      width: 100%;
      font-family: Avenir Next,Arial,Verdana;
      color: #fff !important;
      float: left;
      padding: 0px 0px 20px 0px;
      text-align: center;
   }
   div.whycleantext {
      font-family: Avenir Next,Arial,Verdana;
      width: 93%;
      color: #555 !important;
      float: left;
      font-size: 1.5em;
      line-height: 1.6em;
      font-weight: normal;
      padding: 20px 20px 60px 45px;
      text-align: left;
   }

   div.trashbinsback {
      background-image: url("../images/trash-bins.jpg");
      no-repeat;
      display: inline-block;
      float: right;
      width: 100%;
      height: 730px;
      padding: 0px 0px 0px 0px;
   }
   div.trashbinstext {
      font-family: Avenir Next,Arial,Verdana;
      width: 37%;
      color: #ededec !important;
      float: left;
      font-size: 1.6em;
      line-height: 2.2em;
      font-weight: normal;
      padding: 35px 20px 50px 45px;
      text-align: left;
   }
   div.lowertext {
      font-family: Avenir Next,Arial,Verdana;
      width: 95%;
      color: #555 !important;
      float: left;
      font-size: 1.5em;
      line-height: 1.6em;
      font-weight: normal;
      padding: 20px 0px 60px 45px;
      text-align: left;
   }

   div.clear {
      clear: both;
   }

   img {
      max-width: 100%;
      height: auto;
   }

   div.footerback {
      background-color: #20409a;
      display: inline-block;
      width: 100%;
      height: 400px;
   }
   div.footertext {
      background-color: #20409a;
      font-family: Avenir Next,Arial,Verdana;
      width: 90%;
      color: #ededec !important;
      float: left;
      font-size: 1.2em;
      line-height: 2.3em;
      font-weight: bold;
      padding: 50px 0px 0px 50px;
      text-align: left;
   }
   h1 {
   font-family: Arial,Verdana,sans-serif;
   color: rgb(194, 19, 48);
   font-size: 1.8em;
   letter-spacing: 2px;
   line-height: 1.8em;
   font-weight: bold;
}

   .desktop-show {
      display: none;
   }

   .mobile-show {
      display: none;
   }

   a:link {
      text-decoration: none;
      color: #20409a;
   }

   a:hover {
      text-decoration: underline;
      color: #20409a;
   }

   a:visited {
      text-decoration: none;
      color: #555;
   }
div.howworks {
        width: 100%;
        height: auto;
        font-size: .9em;
        font-weight: bold;
        font-color: #ffffff;
        font-family: Avenir Next,Arial,Verdana;
        border: none;
        text-decoration: none;
      }
      .howworks a:link  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .howworks a:visited { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .howworks a:active  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .howworks a:hover   { color: #ffffff; padding: 20px; transition: .05s; text-decoration: none; background-color: #c21330; border-radius: 30px;} 
div.curiousplans {
        width: 100%;
        height: auto;
        font-size: .9em;
        font-weight: bold;
        font-color: #ffffff;
        font-family: Avenir Next,Arial,Verdana;
        border: none;
        text-decoration: none;
      }
      .curiousplans a:link  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .curiousplans a:visited { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .curiousplans a:active  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .curiousplans a:hover   { color: #ffffff; padding: 20px; transition: .05s; text-decoration: none; background-color: #888888; border-radius: 30px;} 
div.viewplans {
        width: 100%;
        height: auto;
        font-size: .9em;
        font-weight: bold;
        font-color: #ffffff;
        font-family: Avenir Next,Arial,Verdana;
        border: none;
        text-decoration: none;
      }
      .viewplans a:link  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #c21330; border-radius: 30px;}

      .viewplans a:visited { color: #ffffff; padding: 20px; text-decoration: none; background-color: #c21330; border-radius: 30px;}

      .viewplans a:active  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #c21330; border-radius: 30px;}

      .viewplans a:hover   { color: #ffffff; padding: 20px; transition: .05s; text-decoration: none; background-color: #20409a; border-radius: 30px;} 

}

/***************************      MOBILE BREAK   ******************************/
@media only screen and (min-width:200px) and (max-width:1109px) {

   /*** MOBILE ***/
   html,
   body {
      background-color: #ffffff !important;
   }

   body {
      background-color: #ffffff;
      width: 100%;
      height: auto;
      padding: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
   }

   #container {
      position: absolute;
      width: 100%;
      background-repeat: repeat-x;
      margin-bottom: 0px;
   }

   div.content {
      background-color: #ffffff;
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 0px;
      padding-right: 0px;
      padding-left: 0px;
      padding-bottom: 0px;
      height: auto;
   }
   div.headbk {position: fixed;
      z-index: 65;
      background-color: #c9c9ca;
      width: 100%;
      height: 51px;
      align: top;
      top: 0px;
      left: 0px;
      padding: 0 0 0 0;
   }
   div.headtxleft {position: fixed;
      z-index: 70;
      width: 100%;
      float: left;
      padding: 18px 35px 0px 0px;
      font-family: Avenir Next,Arial,Verdana;
      color: #283891;
      font-weight: normal;
      font-size: 1.1em;
      line-height: 1em;
      text-align: center;
   }
   div.logo {
      background-color: #ededec;
      width: 100%;
      height: auto;
      padding: 58px 0 10px 0px;
   }

   div.nav {position: fixed;
      z-index: 90;
      background-color: #555555;
      width: 100%;
      height: 0px;
      align: top;
      top: 0px;
      left: 0px;
      padding: 0 0 0 0px;
   }

   div.main-image {
      padding: 0px 0 0 0;
      width: 100%;
      height: auto;
   }
   video {  
      width: 100%;
      height: auto;
      top: 0;
      left: 0;
   }
   div.text1 {
      background-color: #ffffff;
      width: 100%;
      float: left;
      padding: 0px 0px 0px 0px;
      font-family: Avenir Next,Arial,Verdana;
      color: #555;
      font-weight: normal !important;
      font-size: 1.4em;
      line-height: 1.8em;
   }
   div.columnback {
      display: inline-block;
      float: left;
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px;
   }
   div.column1 {
      background-color: #fff;
      width: 95%;
      float: left;
      padding: 20px 10px 75px 20px;
      font-family: Avenir Next,Arial,Verdana;
      color: #555;
      font-weight: normal !important;
      font-size: 1.4em;
      line-height: 1.6em;
      text-align: center;
   }
   div.column2 {
      background-color: #fff;
      width: 95%;
      float: left;
      padding: 20px 0px 75px 20px;
      font-family: Avenir Next,Arial,Verdana;
      color: #555;
      font-weight: normal !important;
      font-size: 1.4em;
      line-height: 1.6em;
      text-align: center;
   }
   div.column3 {
      background-color: #fff;
      width: 95%;
      float: left;
      padding: 20px 0px 75px 20px;
      font-family: Avenir Next,Arial,Verdana;
      color: #555;
      font-weight: normal !important;
      font-size: 1.4em;
      line-height: 1.6em;
      text-align: center;
   }
   div.jobber {
      width: 100%;
      height: auto;
      padding: 0px 0px 0px 0px;
        text-align: center;
        float: left;
      }  
   
   .callbutton { 
    position:relative; 
    width:auto; 
    height:auto; 
    }
   div.curiousback {
      background-color: #c21330;
      display: inline-block;
      width: 100%;
      height: 300px;
   }
   div.curioustext {
      width: 100%;
      font-family: Avenir Next,Arial,Verdana;
      color: #fff !important;
      float: left;
      font-size: 1.5em;
      font-weight: normal;
      padding: 45px 0px 20px 0px;
      text-align: center;
   }
   div.planstext {
      width: 90%;
      height: auto;
      font-family: Avenir Next,Arial,Verdana;
      color: #c21330;
      float: left;
      font-size: 2em;
      font-weight: bold;
      padding: 20px 30px 20px 30px;
      text-align: center;
   }
   div.plans {
      width: 100%;
      background-color: #fff;
      height: auto;
      padding: 20px 0px 20px 0px;
      text-align: center;
      cursor: pointer;
   }
   div.onetimeback {
      background-color: #787878;
      display: inline-block;
      width: 100%;
      height: auto;
   }
   div.onetimetext {
      width: 100%;
      font-family: Avenir Next,Arial,Verdana;
      color: #fff !important;
      float: left;
      padding: 0px 0px 20px 0px;
      text-align: center;
   }
   div.whycleantext {
      font-family: Avenir Next,Arial,Verdana;
      width: 93%;
      color: #555 !important;
      float: left;
      font-size: 1.5em;
      line-height: 1.6em;
      font-weight: normal;
      padding: 20px 20px 60px 45px;
      text-align: left;
   }

   div.trashbinsback {
      background-image: url("../images/trash-bins.jpg");
      no-repeat;
      display: inline-block;
      float: right;
      width: 100%;
      height: 730px;
      padding: 0px 0px 0px 0px;
   }
   div.trashbinstext {
      font-family: Avenir Next,Arial,Verdana;
      width: 37%;
      color: #ededec !important;
      float: left;
      font-size: 1.6em;
      line-height: 2.2em;
      font-weight: normal;
      padding: 35px 20px 50px 45px;
      text-align: left;
   }
   div.lowertext {
      font-family: Avenir Next,Arial,Verdana;
      width: 95%;
      color: #555 !important;
      float: left;
      font-size: 1.5em;
      line-height: 1.6em;
      font-weight: normal;
      padding: 20px 0px 60px 45px;
      text-align: left;
   }

   div.clear {
      clear: both;
   }

   img {
      max-width: 100%;
      height: auto;
   }

   div.footerback {
      background-color: #20409a;
      display: inline-block;
      padding-top: 10px;
      width: 100%;
      height: auto;
   }
   div.footertext {
      background-color: #20409a;
      font-family: Avenir Next,Arial,Verdana;
      width: 90%;
      color: #ededec !important;
      float: left;
      font-size: 1.2em;
      line-height: 2.3em;
      font-weight: bold;
      padding: 50px 0px 0px 20px;
      text-align: left;
   }
   h1 {
   font-family: Arial,Verdana,sans-serif;
   color: rgb(194, 19, 48);
   font-size: 1.8em;
   letter-spacing: 2px;
   line-height: 1.8em;
   font-weight: bold;
}
div.video1 {
   width: 100%;
   height: 25%;
   margin: 25px 0px 0px 0px;
   float: left;
   }
.embed-container {
   position: relative;
   padding: 5px 0 0 0;
   padding-bottom: 3.00%;
   height: 0;
   overflow: hidden;
   max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


   .desktop-show {
      display: none;
   }

   .sml-desktop-show {
      display: none;
   }

   .mainimage-show {
      display: none;
   }
   .main-showing {
      display: none;
   }

   a:link {
      text-decoration: none;
      color: #20409a;
   }

   a:hover {
      text-decoration: underline;
      color: #20409a;
   }

   a:visited {
      text-decoration: none;
      color: #555;
   }
div.howworks {
        width: 100%;
        height: auto;
        font-size: .9em;
        font-weight: bold;
        font-color: #ffffff;
        font-family: Avenir Next,Arial,Verdana;
        border: none;
        text-decoration: none;
      }
      .howworks a:link  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .howworks a:visited { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .howworks a:active  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .howworks a:hover   { color: #ffffff; padding: 20px; transition: .05s; text-decoration: none; background-color: #c21330; border-radius: 30px;} 
div.curiousplans {
        width: 100%;
        height: auto;
        font-size: .9em;
        font-weight: bold;
        font-color: #ffffff;
        font-family: Avenir Next,Arial,Verdana;
        border: none;
        text-decoration: none;
      }
      .curiousplans a:link  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .curiousplans a:visited { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .curiousplans a:active  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #20409a; border-radius: 30px;}

      .curiousplans a:hover   { color: #ffffff; padding: 20px; transition: .05s; text-decoration: none; background-color: #888888; border-radius: 30px;} 
div.viewplans {
        width: 100%;
        height: auto;
        font-size: .9em;
        font-weight: bold;
        font-color: #ffffff;
        font-family: Avenir Next,Arial,Verdana;
        border: none;
        text-decoration: none;
      }
      .viewplans a:link  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #c21330; border-radius: 30px;}

      .viewplans a:visited { color: #ffffff; padding: 20px; text-decoration: none; background-color: #c21330; border-radius: 30px;}

      .viewplans a:active  { color: #ffffff; padding: 20px; text-decoration: none; background-color: #c21330; border-radius: 30px;}

      .viewplans a:hover   { color: #ffffff; padding: 20px; transition: .05s; text-decoration: none; background-color: #20409a; border-radius: 30px;} 

}