* {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%;float:left; height: auto; display:block; padding-top: 15px; padding-bottom: 15px; background-size: 35% auto; background-repeat: no-repeat; /* background-image: url('../../../images/bits/art-deco-strip.png'); */ background-position: center bottom;}
.logo-heading {font-size: 50px; line-height: 60px;font-family: 'Limelight', sans-serif;font-weight: bold; text-shadow: 0px 0px 10px #fff;}
.logo-subheading {font-size: 30px; line-height: 40px;font-family: 'Limelight', sans-serif;font-weight: bold; text-shadow: 0px 0px 10px #fff;}

img.box-logo {width: 50%; height: auto; margin-left: 25%; margin-right: 25%;}

footer {width: 100%;clear:both;}
#banner {width: 100%; height: auto; display:block;}
#content {min-height: 300px; padding-top: 50px;}
#side {background-color: magenta; min-height: 300px;}
#footer {background-color: #62453D; width: 100%; padding-top: 50px; padding-bottom: 25px;color: #fff;}
.foot-1 {width: 50%; float:left; text-align:left;}
.foot-2  {width: 50%; float:left; text-align:right;}
#footer a {color: #fff;}
ul.fields-container {display:none;}
.glass {background-image: url('../images/glass.png');}

.stretch {width: 100%; clear:both;}
.trap {width: 1200px; margin: auto;}


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

@media only screen and (min-width: 768px) and (max-width: 1199px) { /* 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;}
.onlymob {display:block;}
.notmob {display:none;}
  #logo {width: 100%; }
    .logo-heading {font-size: 45px; line-height: 55px;}
.logo-subheading {font-size: 25px; line-height: 35px;}
  .foot-1, .foot-2 {width: 100%; text-align:center;}
  img.box-logo {width: 90%; margin-left: 5%; margin-right: 5%;}
}

@media only screen and (max-width: 479px) { /* TINY - Mobile Portrait */
.stretch-tiny {;}
.stretch {max-width: 100%; margin: auto;}
.onlymob {display:block;}
.notmob {display:none;}
  #logo {width: 100%; }
  .logo-heading {font-size: 40px; line-height: 50px;}
.logo-subheading {font-size: 20px; line-height: 30px;}
  .foot-1, .foot-2 {width: 100%; text-align:center;}
  img.box-logo {width: 100%; margin-left: 0%; margin-right: 0%;}
}