@font-face {font-family: 'entypo-selected';src: url("../fonts/entypo-selected.eot");src: url("../fonts/entypo-selected.eot?#iefix") format('embedded-opentype'), url("../fonts/entypo-selected.woff") format('woff'), url("../fonts/entypo-selected.ttf") format('truetype'), url("../fonts/entypo-selected.svg#entypo-selected") format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'gibsonregular';src: url('../fonts/Gibson-Regular-webfont.eot');src: url('../fonts/Gibson-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Gibson-Regular-webfont.woff2') format('woff2'),url('../fonts/Gibson-Regular-webfont.woff') format('woff'),url('../fonts/Gibson-Regular-webfont.ttf') format('truetype'),url('../fonts/Gibson-Regular-webfont.svg#gibsonregular') format('svg');font-weight: 400;font-style: normal;}
@font-face {font-family: 'gibsonsemibold';src: url('../fonts/Gibson-SemiBold-webfont.eot');src: url('../fonts/Gibson-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Gibson-SemiBold-webfont.woff2') format('woff2'),url('../fonts/Gibson-SemiBold-webfont.woff') format('woff'),url('../fonts/Gibson-SemiBold-webfont.ttf') format('truetype'),url('../fonts/Gibson-SemiBold-webfont.svg#gibsonsemibold') format('svg');font-weight:400;font-style: normal;}
html{height:100%}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
body{font-family: 'gibsonregular';background:#fff;font-weight:400;font-size:18px;color:#fff;-webkit-font-smoothing:antialiased;overflow-y:scroll;overflow-x:hidden; line-height:30px;}
a{color:#555;text-decoration:none}
.container{width:100%;position:relative}
.main{padding:80px 20px 100px;max-width:1580px;margin:0 auto}
.main > header{padding:0 10px 80px}
.main > header h1{font-size:34px;line-height:38px;margin:0;font-weight:700;color:#333;text-align:center}
.main > header h1 span{display:block;font-size:20px;font-weight:300}
.main h2{font-size:38px;font-weight:300;text-shadow:0 1px 0 rgba(255,255,255,0.9);padding:10px 0 0;margin-bottom:20px;border-top:1px solid #f7f7f7}
.codrops-top{line-height:24px;font-size:11px;background:#fff;background:rgba(255,255,255,0.5);text-transform:uppercase;z-index:9999;position:relative;box-shadow:1px 0 2px rgba(0,0,0,0.2)}
.codrops-top a{padding:0 10px;letter-spacing:1px;color:#333;text-shadow:0 -1px 0 #fff;display:inline-block}
.codrops-top a:hover{background:rgba(255,255,255,0.8);color:#000}
.codrops-top span.right{float:right}
.codrops-top span.right a{float:left;display:block}
.codrops-demos{float:right;padding-top:10px}
.codrops-demos a{display:inline-block;margin:10px;color:#666;font-weight:700;line-height:30px;border-bottom:4px solid transparent}
.codrops-demos a:hover{color:#000;border-color:#000}
.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{color:#aaa;border-color:#aaa}
.support-note span{color:#ac375d;font-size:16px;display:none;font-weight:700;text-align:center;padding:5px 0}
.loadmore{padding:10px;background:#ddd;color:#fff;text-transform:uppercase;letter-spacing:3px;font-weight:700;text-align:center;cursor:pointer;margin:10px 4px;display:none}
.loadmore:hover{background:#333}
.gamma-container{min-height:200px}
.gamma-gallery{list-style-type:none;padding:0;margin:0;width:100%;position:relative}
.gamma-gallery:before,.gamma-gallery:after{content:" ";display:table}
.gamma-gallery:after{clear:both}
.gamma-gallery li{display:block;position:relative;cursor:pointer;float:left;padding:4px}
.gamma-gallery li img{max-width:100%;width:auto;height:auto;display:block}
.gamma-description {background:#fff;background:rgba(255,255,255,0.3);position:absolute;top:0px;left:0px;bottom:0px;right:0px;text-align:center;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-ms-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;}
.no-touch .gamma-gallery li:hover .gamma-description{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);opacity:1}
.gamma-description:before{content:'';height:100%}
.gamma-description:before,.gamma-description h3{display:inline-block;vertical-align:middle}
.gamma-description h3{width:100%;padding:0 20px;font-weight:400;text-transform:uppercase;font-size:16px;letter-spacing:2px}
.gamma-buttons{position:absolute;top:10px;right:10px;z-index:10001}
.gamma-buttons button{float:left;background:#333;color:#fff;display:block;width:30px;height:30px;font-size:14px;margin-left:5px;cursor:pointer;border:none;outline:none}
.gamma-buttons button:before,.gamma-nav span:before{font-family:'entypo-selected';font-style:normal;font-weight:400;speak:none;display:block;text-align:center;opacity:.7;outline:none}
.no-touch .gamma-buttons button:hover{background:#666}
button.gamma-btn-close:before{content:'\2715'}
button.gamma-btn-ssplay:before{content:'\25b6'}
button.gamma-btn-sspause:before{content:'\2389'}
.gamma-single-view{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;text-align:center;display:none}
.gamma-overlay{background:#000;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;display:none;z-index:9999}
.gamma-single-view img{position:absolute;cursor:pointer}
.gamma-description-wrapper{background:rgba(0,0,0,0.7);position:absolute;bottom:0;left:0;right:0;z-index:10;padding:5px 0}
.gamma-single-view .gamma-description{background:transparent;position:relative;bottom:auto;left:auto;right:auto;top:auto}
.gamma-single-view .gamma-description h3{font-size:15px;padding:5px 0;color:#fff}
.gamma-nav span{position:absolute;display:block;width:20px;height:38px;top:50%;margin-top:-19px;left:20px;cursor:pointer;text-align:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.gamma-nav span.gamma-next{left:auto;right:20px}
.gamma-nav span:before{color:#fff;opacity:.7;font-size:40px}
.gamma-nav span:hover:before{opacity:1}
.gamma-nav span:before{display:block;margin:0;width:auto}
.gamma-nav span.gamma-prev:before{content:'\e75d'}
.gamma-nav span.gamma-next:before{content:'\e75e'}
.gamma-img-fly{position:absolute;top:0;left:0;z-index:99999}
.gamma-loading{background:transparent url(../images/loader_light.gif) no-repeat center center}
.gamma-single-view.gamma-loading{background:transparent url(../images/loader_dark.gif) no-repeat center center}
.gamma-container img,.gamma-nav span,.gamma-buttons button,.gamma-description-wrapper,.gamma-description,.gamma-description h3{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
section{ margin:0 auto; width:900px; padding:0 10px;}
.left { float:left;width:400px; }
.right {float: right; width:450px; color:#666666;}
.author{ font-size:30px;padding-top:30px;}
.special{ font-size:22px; font-family: 'gibsonsemibold';}
.bio{ padding-top:30px;} 
.left img { max-width:100%!important; height:auto!important;}
section:after { content:"";display: table;clear: both;}
footer{ margin:50px 0 0 0; padding:50px 0px; background:#656565; color:#FFFFFF; text-align:center; display:block; clear:both; width:100%; }
footer a{ color:#FFFFFF; text-decoration:none;}
footer a:hover{ color:#FFFFFF; text-decoration:underline;}
@media screen and (max-width: 768px) {
.gamma-description{top:10px;left:10px;bottom:10px;right:10px}
.gamma-description h3{font-size:14px;padding:0 5px}
section{ margin:0 auto; width:100%; text-align:center;}
.left{ width:300px;}
.left, .right { float: none;width:auto;}
.left img { max-width:100%!important; height:auto!important;}
}
@media screen and (max-width: 500px) {
.gamma-buttons{float:left;clear:both}
section{ margin:0 auto; width:100%;}
.left, .right { float: none;width: auto;}
.left img { max-width:100%!important; height:auto!important;}
}
@media screen and (max-width:480px) {
.main > header h1 img{ width:100%;}
footer{ padding-left:10px; padding-right:10px; font-size:20px;}
footer .m{ display:none;}
footer .text{ display:block;}
}
@media screen and (max-width:767px) {
section{ margin:0 auto; width:100%;}
.left{ text-align:center; padding:0 25px;}
.left img { height:400px; text-align:center;}
.main{ padding-top:20px;}
.main > header{ padding-bottom:20px;}
}
@media screen and (max-width: 1024px) {
	.left{ padding:0 25px;}
}