/*
Trade Gothic Next LT Pro Light
font-family: trade-gothic-next, sans-serif;
font-weight: 300;
font-style: normal;

Trade Gothic Next LT Pro Regular
font-family: trade-gothic-next, sans-serif;
font-weight: 400;
font-style: normal;

Trade Gothic Next LT Pro Bold Condensed
font-family: trade-gothic-next-condensed, sans-serif;
font-weight: 700;
font-style: normal;

Trade Gothic Next LT Pro Heavy Condensed
font-family: trade-gothic-next-condensed, sans-serif;
font-weight: 800;
font-style: normal;
*/


html {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:trade-gothic-next, sans-serif; font-weight:400; font-size:17px;}
*, *:before, *:after {-webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit;}

body, html {height:100%; width:100%; margin:0; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale;}
body {background:#222222; font-family:trade-gothic-next, sans-serif; font-weight:400; overflow-x:hidden; color:#fff;}
body, p, h1, h2, h3 {
    margin: 0;
    padding: 0;

}
sup {vertical-align:baseline; position:relative; top:-0.4em;}
a {color:#fff;}

section {width: 100%; max-width: 700px; margin: 0 auto; padding: 0;}
section h2 {
    font-size: 22px;
    padding: 20px 0 20px 0;

}
section a {display: inline-block; padding: 0 0 30px 0; font-size: 13px;/*! word-wrap:break-word; */}
section span {display: block;}


#page {z-index:1; position:relative; padding:40px 20px;}

/* Header */
header {margin:0 auto}
header h1 {text-align: center;}
header h1 #header_logo {display:block; width:95px; margin:0 auto 15px;}
header h1 #header_logo img {width:100%; height:auto;}
header h2 {
    text-align: center;
    text-transform: uppercase;
    padding: 30px 15px 10px 0;
    font-size: 26px;

}

/* Footer */
#footer {margin:64px 0 0 0;}
#footer:after {content:" "; clear:both; display:table;}
#footer_left {width:107px; padding:1px 0 0 0; margin:0 auto;}




/* Media Queries */
@media only screen and (min-width:375px) {

}

@media only screen and (min-width:480px) {
section {width: 90%;}
}

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

#page {padding:40px 70px 100px 70px;}

/* Social */
#social {margin:0 0 45px 0;}

/* Header */
header {margin:0 0 30px 0;}
header h1 {}
header h1 #header_logo {width:123px;}
header h1 #header_logo img {}

/* Footer */
#footer {margin:64px 0 0 0;}
#footer_left {width:138px;}

}

@media only screen and (min-width: 960px) {
section a {font-size: initial;}

}

@media only screen and (min-width: 1024px) {
 
  
#page {padding:40px 80px 100px 80px;}
    
header h2 {
    padding: 30px 15px 10px 0;
    font-size: 32px;
}
    
section h2 {
    font-size: 28px;
}

  
}

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

/* Social */
#social {margin:0 0 15px 0;}  
  
/* Header */
header {margin:0;}
header h1 {}
header h1 #header_logo {width:148px;}
header h1 #header_logo img {width:148px;}

    

}

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

}

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

}
@media only screen and (min-width: 1600px) { 
#page {max-width:1880px; margin:0 auto;padding: 68px 80px 100px 80px;}
  
section {width: 90%; max-width: none; margin: 0 auto; padding: 40px 0 0 0;}
section h2 {font-size: 28px; padding: 20px 0 20px 0;}
section a {padding: 0 0 30px 0;}
section span {float: left; display: inline-block;}
section span {width: 40%;}
section span:nth-of-type(2) {width: 35%;}
section span:last-of-type {width: 25%;padding: 0 0 0 30px;}
}

@media only screen and (min-width: 2560px) { 
  
#page {max-width:2180px; margin:0 auto;padding: 68px 80px 100px 80px;}

/* Header */
header {}
header h1 {}
header h1 #header_logo {width:220px; height:180px;margin: 0 20px 0 0;}
header h1 #header_logo img {}

/* Footer */
#footer_left {width:186px;}  
  
}