/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.2em;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #ffffff;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

@font-face {
font-family: "GT";
src: url("../assets/GT-America-Expanded-Regular.woff") format("woff"),
url("../assets/GT-America-Extended-Regular.woff2") format("woff2");

}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html, body { background:#000; -webkit-font-smoothing:antialiased; -webkit-text-stroke-width:0.0px; color: #FFF; font-family: 'GT', Arial, sans-serif; }
body { padding: 42px 42px 200px;}

p { font-size: 3.250em; font-weight: 300; font-style: normal; margin: 0 0 75px; line-height: 1.2em; letter-spacing: 1px; }
H1 { font-size: 2.15em; color: #8c8c8c; font-weight: 300; font-style: normal; margin: 100 0 0 5px; line-height: 1.1em; letter-spacing: 0.01em; text-transform: uppercase; }

a { color: #888; text-decoration: none; transition: 0.5s;}
a:hover { color: #fff; }
header a { display: block; width: 419px; height: 100px; background: url(../img/logo.png) 0 0 no-repeat; background-size: 100%; }

section { padding-top: 50px; width: 60%;}


/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 1440px) { 
    p { font-size: 2.3em; }
    H1 { font-size: 1.6em; margin: -20 0 0 2px; }
	section { padding-top: 30px; width: 75%; }
    }

@media only screen and (max-width: 768px) {
    body { padding: 30px 30px 100px; }
    p { font-size: 2.0em; }
    H1 { font-size: 1.35em; margin: -25 0 0 2px; }
    section { padding-top: 20px; width: 100%; }
    }

@media only screen and (max-width: 480px) {
    body { padding: 24px 24px 50px; }
    p { margin: 0 0 35px; }
    p { font-size: 1.62em; line-height: 1.18em; }
    H1 { font-size: 1.15em; margin: 10 0 0 2px; }
	header a { width: 100% }
    section { padding-top: 5px; width: 100%; }
}