body {background: #000; font: normal 100% 'Raleway','Open Sans', Arial, Helvetica, sans-serif; color: #eee; margin: 0; padding: 0;}
h1{color: #fff; font-family: 'Clicker Script', 'Open Sans', sans-serif; font-size: 3.5em; font-weight: 400; margin: 0 0 10px; padding: 0;}
h2{color: #fff; font-family: 'Raleway', 'Open Sans', sans-serif; font-size: 1.5em; font-weight: 500; margin: 0 0 .75em; padding: .25em 0 0;}
h3{font-family: 'Raleway', 'Open Sans', sans-serif; font-size: 1.125em; font-weight: 500; margin: 0; padding: 0;}
a{border:none; color: #85b4c8; text-decoration: none;}
a:hover{color: #fff; text-decoration: none;}
a, a:hover{-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
img{border: none; display: block;}
p{font-size: .9em; line-height: 1.5em; margin: 0 0 1em; padding: 0;}
#wrap{position: relative; z-index: 1; width: 100%;}
#main{font-size: 1.25em; margin: 0 auto; padding: 0; top: 5%; left: 50%; margin-left: -40%; position: absolute; text-align: left; width: 80%;}
#wrap.home #main{position: fixed; text-align: left;}
#wrap.portfolio{}
#main .social{margin: 0 auto; display: block; text-align: center;}
#main .social .elt{height: 100px; margin: 0 12px; display: inline-block;}
#main .social .elt a{color: #eee; display: block; position: relative; top: 10px;}
#main .social .elt a:hover{color: #85b4c8; top: 0;}
#photoCrawl{overflow-x: hidden;}
#photoCrawl img{opacity: 0.2; width: auto; position: fixed;}
#wrap.portfolio #main{margin-top: 10%;}

@media screen and (min-width: 1000px){
    #main{width: 50%; top: 10%; margin-left: -25%;}
    #photoCrawl img{width: 100%; position: fixed;}
    
}