* {padding: 0; margin: 0; border: 0;}
html, body, div, img, form, fieldset, legend, label, p, h1, h2, h3 {margin: 0; padding: 0;}
header, nav, article, footer, address, aside, section, summary, hgroup, details, figcaption, figure, main {display:block;}
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}



header {width: 100%;}
#logo {width: 100%; height: auto; display:block; text-align:center;padding-top: 15vh; padding-bottom: 15vh;}

footer {width: 100%;clear:both;}
#banner { width: 100%; height: auto; display:block;}
#banner img {width: 50%; height: auto; }

#content {min-height: 300px;}
#side {background-color: magenta; min-height: 300px;}
#footer {background-color: #fff; width: 98%; min-height: 300px;}
.foot-1 {float:left; width: 40%;}
.foot-2 {float:left; width: 30%;}
.foot-3 {float:left; width: 30%;}
.foot-4 {width: 100%; display:block;}
.foot-5 {float:left; width: 40%;}
.foot-6 {float:left; width: 30%;}
.foot-7 {float:left; width: 30%;}

#footer img.social {width: 17%; height: auto;padding-right: 8%;}

.glass {background-image: url('../png/glass.png');}
.green {background-image: url('../png/green.png');}

.roundel {width: 300px; height: 210px; background-color: #00837b; color: #fff; border-radius: 50%; text-align:center; margin-left: auto; margin-right: auto; padding-top: 90px;}
.roundel a {color: #fff; text-decoration: none; transition: color 0.5s;}
.roundel a:hover {color: #000;text-decoration:none;}
.roundel h3 a {font-size: 30px; line-height: 35px;}
.stretch {width: 100%; clear:both;}
.trap {width: 1200px; margin: auto;}

#testimonials table {margin-left: 1%;padding-left: 1%; padding-left: 1%; margin-right: 1%; width: 96%;}

@media only screen and (min-width: 1000px) { /* WIDE - Desktop */
.stretch-wide {;}
.stretch {max-width: 1000px; margin: auto;}
.onlymob {display:none;}
.notmob {display:block;}

}

@media only screen and (min-width: 768px) and (max-width: 999px) { /* MEDIUM - Tablet Portrait */
.stretch-medium {;}
.stretch {width: 100%; margin: auto;}
.onlymob {display:none;}
.notmob {display:block;}

}

@media only screen and (min-width: 480px) and (max-width: 767px) { /* SMALL - Mobile Landscape */
.stretch-small {;}
.stretch {width: 100%; margin: auto; overflow:hidden;}
.onlymob {display:block;}
.notmob {display:none;}
  #logo {width: 100%;}
  #logo img {width: 100%; height: auto;}
  #top {height: auto;}
  
.foot-1 {float:left; width: 50%;}
.foot-2 {float:left; width: 50%;}
.foot-3 {float:left; width: 30%;display:none;}
.foot-4 {width: 100%; display:block;}
.foot-5 {float:left; width: 100%;}
.foot-6 {float:left; width: 100%;}
.foot-7 {float:left; width: 100%;}
    .roundel {width: 200px; height: 130px; background-color: #00837b; color: #fff; border-radius: 50%; text-align:center; margin-left: auto; margin-right: auto; padding-top: 55px;}
  .roundel h3 a {font-size: 20px; line-height: 25px;}
  #testimonials table {margin-left: 1%;padding-left: 1%; padding-left: 1%; margin-right: 0%; width: 97%;}
  #meet-the-team {padding-top: 50px;}
}

@media only screen and (max-width: 479px) { /* TINY - Mobile Portrait */
.stretch-tiny {;}
.stretch {max-width: 100%; margin: auto;overflow:hidden;}
.onlymob {display:block;}
.notmob {display:none;}
  #logo {width: 100%;}
  #logo img {width: 100%; height: auto;}
  #contact {width: 100%;text-align:center;}
  #top {height: auto;}
  .foot-1 {float:left; width: 100%;}
.foot-2 {float:left; width: 100%;}
.foot-3 {float:left; width: 30%;display:none;}
.foot-4 {width: 100%; display:block;}
.foot-5 {float:left; width: 100%;}
.foot-6 {float:left; width: 100%;}
.foot-7 {float:left; width: 100%;}
  #testimonials table {margin-left: 1%;padding-left: 1%; padding-left: 1%; margin-right: 0%; width: 97%;}
  
  .roundel {width: 200px; height: 130px; background-color: #00837b; color: #fff; border-radius: 50%; text-align:center; margin-left: auto; margin-right: auto; padding-top: 55px;}
  .roundel h3 a {font-size: 20px; line-height: 25px;}
  #meet-the-team {padding-top: 50px;}
}