/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
html {background-color: #000;}
body {width: 100%;max-width: 900px;margin: 0 auto;background-color: #000;font-size: 12px;font-family: Exo, Arial, Verdana, Helvetica, sans-serif;}
header {margin-top:10px;}
header #logo1 img, header #logo2 img {max-width: 100%}
header #logo1 {float: left;}
header #logo2 {float: right;}
header .follow {float: left; margin: 0; padding: 0 5px 0 5px; min-height: 25px}
header .follow .txt {font-weight: 700; margin: 0 10px 0 0; padding: 0; font-size: 11px; color: #999; font-style: italic; position: relative; line-height: 18px; float: left;}
header .follow .items {float: left; padding: 0; margin: 0;}
header .follow .items .item {float: left; height: 18px; margin: 0 10px 0 0;}
header .follow .items .youtube,
header .follow .items .facebook,
header .follow .items .pinterest,
header .follow .items .instagram {height: 18px; display: block; background: url('../img/btns_social.png'); background-repeat: no-repeat; background-size: 58px 72px;}
header .follow .items .facebook {width: 50px; background-position: 0 0;}
header .follow .items .youtube {width: 35px; background-position: 0 -18px;}
header .follow .items .pinterest {width: 49px; background-position: 0 -36px;}
header .follow .items .instagram {width: 52px; height: 21px; background-position: 0 -51px;}
header .follow .items .youtube,
header .follow .items .facebook,
header .follow .items .pinterest,
header .follow .items .instagram {text-indent: 100%; white-space: nowrap; overflow: hidden}
section #cover img {max-width: 100%;}
section h1 {text-indent: 100%;font-size: 0}
#content1 p {color:white; font-weight: 400;line-height: 17px; padding:15px;letter-spacing:1px}
#content1 p strong {font-weight: 700}
#content2 {background-color: #313131;margin-top: 60px; padding-bottom: 20px}
#content2 p {color:white; font-weight: 400;line-height: 17px; padding:15px;letter-spacing:1px}
#content2 p strong {font-weight: 700}
.cta {text-align: center;}
.cta a {margin-top:20px;color:white;font-weight: 500;text-transform: uppercase;text-decoration: none;font-size: 14px;letter-spacing: 1px;background-image: url('../img/arrow.png'); background-repeat: no-repeat; padding-right: 20px;background-position: right 3px}

@media screen and (max-width: 640px) {
    header #logo1 {float: none; text-align: center}
    header #logo2 {float: none; text-align: center}
    header #logo2 img {width: 20%;}
}