@font-face {
    font-family:'antoniobold';
    src: url('webfonts/antonio-bold-webfont.eot');
    src: url('webfonts/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/antonio-bold-webfont.woff') format('woff'),
         url('webfonts/antonio-bold-webfont.ttf') format('truetype'),
         url('webfonts/antonio-bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'antoniolight';
    src: url('webfonts/antonio-light-webfont.eot');
    src: url('webfonts/antonio-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/antonio-light-webfont.woff') format('woff'),
         url('webfonts/antonio-light-webfont.ttf') format('truetype'),
         url('webfonts/antonio-light-webfont.svg#antoniolight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family:'antonioregular';
    src: url('webfonts/antonio-regular-webfont.eot');
    src: url('webfonts/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/antonio-regular-webfont.woff') format('woff'),
         url('webfonts/antonio-regular-webfont.ttf') format('truetype'),
         url('webfonts/antonio-regular-webfont.svg#antonioregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'alegreyaitalic';
    src: url('webfonts/alegreya-italic-webfont.eot');
    src: url('webfonts/alegreya-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/alegreya-italic-webfont.woff') format('woff'),
         url('webfonts/alegreya-italic-webfont.ttf') format('truetype'),
         url('webfonts/alegreya-italic-webfont.svg#alegreyaitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alegreyaregular';
    src: url('webfonts/alegreya-regular-webfont.eot');
    src: url('webfonts/alegreya-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/alegreya-regular-webfont.woff') format('woff'),
         url('alegreya-regular-webfont.ttf') format('truetype'),
         url('alegreya-regular-webfont.svg#alegreyaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arimobold';
    src: url('webfonts/arimo-bold-webfont.eot');
    src: url('webfonts/arimo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/arimo-bold-webfont.woff') format('woff'),
         url('webfonts/arimo-bold-webfont.ttf') format('truetype'),
         url('webfonts/arimo-bold-webfont.svg#alegreyaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arimoitalic';
    src: url('webfonts/arimo-italic-webfont.eot');
    src: url('webfonts/arimo-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/arimo-italic-webfont.woff') format('woff'),
         url('webfonts/arimo-italic-webfont.ttf') format('truetype'),
         url('webfonts/arimo-italic-webfont.svg#alegreyaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arimoregular';
    src: url('webfonts/arimo-regular-webfont.eot');
    src: url('webfonts/arimo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/arimo-regular-webfont.woff') format('woff'),
         url('webfonts/arimo-regular-webfont.ttf') format('truetype'),
         url('webfonts/arimo-regular-webfont.svg#alegreyaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family:'Socialico';
	src:url('webfonts/Socialico.eot');
	src:url('webfonts/Socialico-.eot#iefix') format('embedded-opentype'),
		url('webfonts/Socialico.woff') format('woff'),
		url('webfonts/Socialico.ttf') format('truetype'),
		url('webfonts/Socialico.svg#Socialico') format('svg');
	font-weight:normal;
	font-style:normal
}


@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}
@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fade-in{-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;opacity:.7;filter:alpha(opacity=70);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}.fade-in.one{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}
@media screen and (max-width:1024px){nav #logo{float:left;display:inline-block;margin-left:0;letter-spacing:2px;padding:20px 20px 20px 10px;line-height:20px;vertical-align:middle}}
@media screen and (max-width:960px){.roles{font-size:20pt}#twitterwrap{padding:30px 50px 30px}#ticker ul.tweet_list{height:19px;font:12px 'arimoregular'}ticker .tweet_list li{overflow:hidden;vertical-align:middle;font:12px 'arimoregular';color:#666;height:30px}.lead{padding:20px 30px 10px 30px;font:18px'arimoregular'}}
@media screen and (max-width:720px){.roles{font-size:20pt}nav{width:100%;height:90px;background-color:#000;margin:0;z-index:100;text-align:center}nav #logo{padding:20px 0 10px 0;width:100%;text-align:center}.nav{padding:0;text-align:center;margin:0 auto}nav ul{width:100%;text-align:center;margin-top:0}nav ul li a{margin:5px 8px 0 8px;padding:5px 0}}
@media screen and (max-width:520px){header{background-size:400%}nav{height:70px}nav ul{display:none}.lead{padding:10px 30px 10px 30px;font:15px/1.5 'arimoregular'}.loadmore{display:none}#contact .row .col1{width:90%}#contact .row .col2{width:90%;margin-top:30px;text-align:center}#contact .inner blockquote p{color:#fff;text-transform:uppercase;font:14px/1.3 'arimoregular'}#contact .inner form input[type="text"],#contact .inner form input[type="email"],#contact .inner form textarea{width:95%}#contact .inner form .submit{width:100%}footer{font-size:9px}}
@media only screen and (min-device-width :320px) and (max-device-width :480px) and (orientation :landscape){header{height:180px}#tab a{position:absolute;bottom:-40px}header h1{margin-top:50%;font-size:30pt}#wrapper{position:absolute;top:180px;width:100%}#about .inner h2,#contact .inner h2,#portfolio h2{font:20pt/1.5 'arimoregular'}nav ul li a{margin:5px 5px 0 5px;padding:5px 0}nav ul li:last-child{display:none}nav #logo{margin-left:0;padding:5px}nav ul li a{font-size:5pt}nav{height:60px}}
@media only screen and (min-device-width :320px) and (max-device-width :480px) and (orientation :portrait){header{height:417px}#wrapper{position:absolute;top:417px;width:100%}#tab a{position:absolute;bottom:-60px}header h1{margin-top:50%;font-size:30pt}#about .inner h2,#contact .inner h2,#portfolio h2{font:20pt/1.5 'arimoregular'}nav ul li a{margin:5px 5px 0 5px;padding:5px 0}nav ul li:last-child{display:none}}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait){header h1{margin-top:50%}}
@media only screen and (-webkit-min-device-pixel-ratio :1.5),only screen and (min-device-pixel-ratio :1.5){header h1{margin-top:50%}}
@media(max-width:800px){#portraits li{width:31%;padding-top:0;margin-bottom:3%}}
@media(max-width:600px){#portraits li{width:46%;padding-top:0;margin-bottom:4%}}
@media(max-width:400px){#portraits li{width:75%;padding-top:0;margin-bottom:5%}}
@-webkit-keyframes loader{0%{background:#ddd}33%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd}66%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc}}
@-moz-keyframes loader{0%{background:#ddd}33%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd}66%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc}}
@keyframes loader{0%{background:#ddd}33%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd}66%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc}}
@media screen and (max-width:830px){.og-expander h3{font-size:32px}.og-expander p{font-size:13px}.og-expander a{font-size:12px}.og-fullimg{margin-top:5%}}
@media screen and (max-width:650px){.og-fullimg{display:none}.og-details{float:none;width:100%}