@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,200italic);h1,p{margin:0 auto}body{margin:0 auto;font-family:"Source Sans Pro", Tahoma, Geneva, sans-serif;background-color:#efeae5}@media (max-width: 700px){body{background-color:#f0f0f0}}header{background-color:#323232;height:100px;width:100%;position:relative;margin-bottom:100px;-webkit-box-shadow:0 1px 8px #333;-moz-box-shadow:0 1px 8px #333;box-shadow:0 1px 8px #333}header h1{font-weight:300;color:#FFFFFF;font-size:40pt;padding:30px 0 0 10px}@media (max-width: 700px){header{-webkit-box-shadow:0 0 0 #333;-moz-box-shadow:0 0 0 #333;box-shadow:0 0 0 #333;margin-bottom:50px}}header #secondary_header{position:relative;bottom:-5px;left:-100%;z-index:99;width:75%;text-align:right;background-color:#f1c40f;-webkit-animation:slide 1.5s forwards;-moz-animation:none;animation:slide 1.5s forwards;-webkit-transform:skewX(-30deg);-moz-transform:skewX(-30deg);-o-transform:skewX(-30deg);-ms-transform:skewX(-30deg);transform:skewX(-30deg);-webkit-box-shadow:1px 1px 5px #333;-moz-box-shadow:1px 1px 5px #333;box-shadow:1px 1px 5px #333}header #secondary_header p{-webkit-transform:skewX(30deg);-moz-transform:skewX(30deg);-o-transform:skewX(30deg);-ms-transform:skewX(30deg);transform:skewX(30deg);font-size:20pt;font-style:italic;font-weight:200;padding:7px 25px}@media (max-width: 700px){header #secondary_header{width:100%;text-align:center;padding:1px 0;bottom:-4px;left:0;-webkit-animation:none;-moz-animation:none;animation:none;-webkit-transform:skewX(0deg);-moz-transform:skewX(0deg);-o-transform:skewX(0deg);-ms-transform:skewX(0deg);transform:skewX(0deg);-webkit-box-shadow:0 0 0 #333;-moz-box-shadow:0 0 0 #333;box-shadow:0 0 0 #333}header #secondary_header p{-webkit-transform:skewX(0deg);-moz-transform:skewX(0deg);-o-transform:skewX(0deg);-ms-transform:skewX(0deg);transform:skewX(0deg)}}#main{margin:0 auto;width:90%;background-color:#f0f0f0;overflow:hidden;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333}@media (max-width: 700px){#main{width:100%;-webkit-box-shadow:0 0 0 #333;-moz-box-shadow:0 0 0 #333;box-shadow:0 0 0 #333}}#main h2{font-weight:200}#icons:before,#icons:after{content:"";position:absolute;width:50px;height:100%;display:block;background-color:#2c3e50;z-index:-1}@media (max-width: 603px){#icons:before,#icons:after{width:100px}}#icons{position:relative;width:65%;background-color:#2c3e50;margin:0 auto;z-index:99;text-align:center;-webkit-box-shadow:0 1px 5px #333;-moz-box-shadow:0 1px 5px #333;box-shadow:0 1px 5px #333}#icons:before{-webkit-transform:skewX(30deg);-moz-transform:skewX(30deg);-o-transform:skewX(30deg);-ms-transform:skewX(30deg);transform:skewX(30deg);left:-25px}@media (max-width: 700px){#icons:before{display:none}}#icons:after{-webkit-transform:skewX(-30deg);-moz-transform:skewX(-30deg);-o-transform:skewX(-30deg);-ms-transform:skewX(-30deg);transform:skewX(-30deg);right:-25px;top:0}@media (max-width: 700px){#icons:after{display:none}}#icons a{border:none;text-decoration:none;opacity:1;-webkit-transition:opacity 0.5s ease;-moz-transition:opacity 0.5s ease;transition:opacity 0.5s ease}#icons a:hover{opacity:0.75}@media (max-width: 700px){#icons{width:100%}}#grid-1,#grid-2{padding:30px;width:50%;margin:-1px;float:left;box-sizing:border-box;display:block;opacity:0;-webkit-animation:fadeIn 2s forwards;-moz-animation:fadeIn 2s forwards;animation:fadeIn 2s forwards}@media (max-width: 700px){#grid-1,#grid-2{width:100%;float:none;padding:0 30px}}@-webkit-keyframes slide{100%{left:-25px}}@-moz-keyframes slide{100%{left:-25px}}@keyframes slide{100%{left:-25px}}@-webkit-keyframes fadeIn{100%{opacity:1}}@-moz-keyframes fadeIn{100%{opacity:1}}@keyframes fadeIn{100%{opacity:1}}svg{width:65px;height:65px}a{color:#27ae60;text-decoration:none;-webkit-transition:color 0.5s ease;-moz-transition:color 0.5s ease;transition:color 0.5s ease}a:hover{color:#d8519f}ul#projects li{padding-bottom:15px}ul#projects p{text-indent:20px}