/* Resets
--------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
/* General
--------------------- */
html { max-height:100%; /*overflow-y: scroll;*/}
html,body {margin:0; padding:0; height:100%;}
body{font-family: 'proxima_novalight'; color:#58585a; background:#fff url(img/granite_2000.jpg) repeat-y left top;}
/* links */
a {color:#58585a; font-family: 'proxima_nova_rgbold'; text-decoration:none; outline:none;}
a:hover {text-decoration:none; color:#d54731;}
/* headers */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#58585a; margin:0px; padding:0; text-transform:uppercase;}
/* images */
img {border:0; height: auto; max-width: 100%; vertical-align: middle;}
/* Structure
------------------ */
#site {width:100%; position:absolute; top:0; left:0;}
#wrapper {width:100%; float:left; position:relative; display:block; min-height:100%;}
#identity {width:100%; float:left; position:relative; display:block; background-image:url(img/photo.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; border-bottom:18px solid #d54731; }
#content-container {width:100%; float:left; position:relative; display:block; /*background:url(img/granite.jpg) no-repeat bottom left;*/}
/* Logo
----------------------- */
#branding {width:720px; margin-left:auto; margin-right:auto; display:block; position:relative;}
#logo {width:100%; float:left; position:relative; margin:60px 0 85px;}
#logo h1 a {height:371px; width:720px; display:block; text-indent:-9999px; background:url(img/logo_720.png) no-repeat left top;}
/* Content
--------------------- */
#entry {width:100%; float:left; position:relative; }
#main {width:1240px; margin:0 auto; display:block; position:relative;}
#content {width:100%; float:left; position:relative; display:block; margin:65px 0 40px; }
#content header {position:relative;}
#content h1 {font-size:62px; font-family:'aleolight'; text-align:center; text-transform:none;}
#content h1 span.l {background:url(img/left_line.png) no-repeat; vertical-align:middle; width:369px; height:7px; position:absolute; left:0; top:50%;}
#content h1 span.r {background:url(img/right_line.png) no-repeat; vertical-align:middle; width:369px; height:7px; position:absolute; right:0; top:50%;}
#content-box {width:785px; /*float:left;*/ position:relative; display:block; background:#fff; -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1); padding:15px; margin:40px auto 0;}
#content-box p {font-size:20px; text-transform:uppercase; text-align:center;}
#content-box p a {font-size:20px;}
/* Copyright
-------------------- */
#footer {width:100%; float:left; position:relative; margin:0 0 20px;}
#copyright {font-size:14px; text-align:center; color:#22262c; font-family:'proxima_nova_rgregular';}
/* --------------------------------------------- RESPONSIVE VIEWS ------------------------------------------ */
@media only screen and (min-width:980px) and (max-width: 1200px) {
html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
/*Logo */
#branding {width:575px;}
#logo h1 a {height:295px; width:575px;background:url(img/logo_575.png) no-repeat left top;}
/* Content */
#main {width:897px;}
#content {margin-top:55px;}
#content h1 {font-size:50px;}
#content h1 span.l {background:url(img/left_line_250.png) no-repeat; width:250px; height:5px;}
#content h1 span.r {background:url(img/right_line_250.png) no-repeat; width:250px; height:5px;}
#content-box {width:877px; margin-top:30px;}
#content-box p, #content-box p a {font-size:20px;}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
/*Logo */
#branding {width:500px;}
#logo h1 a {height:258px; width:500px;background:url(img/logo_500.png) no-repeat left top;}
/* Content */
#main {width:740px;}
#content h1 {font-size:43px;}
#content h1 span.l {background:url(img/left_line_200.png) no-repeat; width:200px; height:4px;}
#content h1 span.r {background:url(img/right_line_200.png) no-repeat; width:200px; height:4px;}
#content-box {width:720px;}
#content-box p, #content-box p a {font-size:18px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
/*Logo */
#branding {width:440px;}
#logo h1 a {height:227px; width:440px;background:url(img/logo_440.png) no-repeat left top;}
/* Content */
#main {width:460px;}
#content h1 {font-size:33px;}
#content h1 span.l {background:url(img/left_line_100.png) no-repeat; width:100px; height:2px;}
#content h1 span.r {background:url(img/right_line_100.png) no-repeat; width:100px; height:2px;}
#content-box {width:415px;}
#content-box p, #content-box p a {font-size:17px;}
}
@media only screen and (max-width: 479px) {
html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
/*Logo */
#branding {width:290px;}
#logo h1 a {height:150px; width:290px;background:url(img/logo_290.png) no-repeat left top;}
/* Content */
#main {width:300px;}
#content h1 {font-size:25px;}
#content h1 span.l {background:url(img/left_line_50.png) no-repeat; width:50px; height:1px;}
#content h1 span.r {background:url(img/right_line_50.png) no-repeat; width:50px; height:1px;}
#content-box {width:250px; margin-top:25px;}
#content-box p, #content-box p a {font-size:14px;}
}