* {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: 50%;float:left; height: auto; display:block; }
#logo img.logo {width: 370px; height: auto; padding-top: 25px; padding-bottom: 15px; padding-left: 22px;}
#contact {width: 50%; float:left; height: auto; display:block; text-align: right; padding-top: 85px; font-weight: bold; font-size: 14px;}
footer {width: 100%;clear:both;}
#side {min-height: 300px; font-size: 16px;}
#footer {width: 100%; height: auto; padding-top: 75px; padding-bottom:75px; margin-top: 30px; background-color: #d6d6d6; display:block;}
ul.fields-container {display:none;}
.glass {background-image: url('../images/glass.png');}

ul.mod-articlescategory.category-module.mod-list {list-style-type: none; padding-left: 0px;}
li a.mod-articles-category-title {color: #fff;}

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

#content {float:left;padding: 5%; width: 58%; padding-top: 75px;}
#content h1 {color: #fff;}
#side {float:right; padding: 3%; width: 24%; margin-left: 2%; background-color: #9D9B9B; margin-top: 15px; color: #fff; padding-top: 10px;}
#side h3 {color: #fff;}
#full-content {padding: 0%; width: 100%;}

@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;}
.onlymob {display:block;}
.notmob {display:none;}
  #logo {width: 100%;text-align:center; padding-top: 10px; height: auto;}
  #contact {width: 100%;text-align:center; padding-top: 10px; height: auto;}
  #content {float:lnone;padding: 5%; width: 90%;}
#side {float:right; padding: 5%; width: 90%; margin-left: 0%; margin-top: 40px;}
#full-content {padding: 0%; width: 100%;}
}

@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%;text-align:center; padding-top: 10px; height: auto;}
  #contact {width: 100%;text-align:center; padding-top: 10px; height: auto;}
#content {float:lnone;padding: 5%; width: 90%;}
#side {float:right; padding: 5%; width: 90%; margin-left: 0%; margin-top: 40px;}
#full-content {padding: 0%; width: 100%;}
}