body { font-size: 62.5%; /*letter-spacing: -.1em;*/ font-family: 'gothamhtf-book', sans-serif !important; background: #F6F2EC; color: #534741; padding: 0; margin: 0; }

/* Typography */

h1, h2, h3, h4 { font-family: 'gothamhtf-light'; text-transform: uppercase; margin: 0; padding: 0; font-weight: normal !important; }

h1 { font-family: 'gothamhtf-black'; font-size: 2em !important; line-height: 1.2em; margin: 0 0 .8em !important; }

h2 { font-size: 1.4em !important; line-height: 1.6em; margin: 0 0 1em 0 !important; }

h3, h4 { font-size: 1.6em !important; line-height: 1.6em; margin: .8em 0 !important; }

p { font-size: 1.2em !important; line-height: 2em; margin: 0 0 1em 0 !important; }

p a { font-size: inherit !important; }

/*p + p { text-indent: 1.5em; }*/

ul, ul li { list-style-type: none; margin: 0 !important; }

a, span { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

a:link, a:visited { color: #FF684D !important; text-decoration: underline; font-weight: normal !important; padding: .2em }

a:hover { background: #FF684D; color: #fff !important; text-decoration: none; }

a img, img a { border: none; }

hr { border-top: 2px solid #534741 !important; margin-top: 3em !important; }

/* Layout */

.clear { clear: both; }

.wrapper { width: 90% !important; margin: 0 auto !important; padding: 5em 5% 3em; position: relative; }

header { position: relative; }

header h1 { /*font-family: 'costura_ltregular', sans-serif !important;*/
	font-size: 3em !important; line-height: 1em; height: 2.4em; background: #534741; color: #F6F2EC; padding: .2em 5% .4em; margin: 0 !important; }

header h1 small { font-size: 60% !important; color: #FF684D; letter-spacing: .1em; }

header p { width: 60%; /*font-size: 2em !important; line-height: 1.8em; margin: 0 0 1em 0 !important;*/ }

header ul {  margin: 0 0 .8em !important; display: block; position: absolute; top: 0; right: 0; height: 100%; }

header li {  margin: 0 0 .4em !important; display: block; float: left; height: 8.6em; }

header li a { padding: .2em 0 !important; display: block !important; float: left; clear: both; text-align: center;
	line-height: 6.05em; height: 6.05em; width: 8.2em; color: #fff !important; background: #362f2d; text-decoration: none !important;
	font-size: 1.4em; text-transform: uppercase; font-family: 'gothamhtf-black'; }

header li a:hover { /*padding: .2em .4em !important;*/ }

header li:nth-child(2) a { background: #2b2624 !important; }

.back { float: right !important; width: 10em; height: 10em; line-height: 10em; padding: 0 !important; margin: -8em 0 0 0 !important; text-align: center; text-decoration: none; color: #fff; background: #000;
	-webkit-border-radius: 5em; border-radius: 5em; font-size: 1.6em !important; }

.back:hover { color: #000 !important; background: #fff; padding: 0 !important; }

/* Gallery */

.gallery { width: 100%; }

.gallery li { width: 100%; float: left; clear: both; background: url(../images/loading.gif) top center no-repeat; }

.gallery li img { width: 100%; height: auto; float: left; clear: both; display: none; }

.gallery li .wrapper { background: url(../images/tics.gif) top left repeat-x; float: left; clear: both; }

.gallery li .wrapper aside { width: 54% !important; }

.gallery li:nth-child(2n+1) .wrapper aside { float: right; }

.gallery li .wrapper span { display: none; }

.gallery li .wrapper img { width: 40%; float: right; margin: 0 0 4em; padding: .8em; background: #fff; border: 1px solid #b9b8b6; clear: both;  }

.gallery li:nth-child(2n+1) .wrapper img { float: left; }

.gallery li article { width: 100%; float: left; }

.gallery li article img { width: 40% !important; float: right; margin: 0 0 4em 10em; clear: both; }

.gallery li article p {  }

.lazy { display: none; }

/* Footer */

footer hr { border-top: 2px solid #F6F2EC !important; width: 90%; margin: 0 5% !important; }

/* Footer - Contact */

#contact { background: #534741 url(../images/tics.gif) top left repeat-x; color: #F6F2EC; }

#contact a { font-size: 1.6em; float: left; clear: left; display: block; margin-bottom: .6em; }

#contact a:hover { padding: .2em .6em; }

/* Footer - Credits */

#credits .wrapper { padding-top: 2em !important; }

#credits .wrapper a { float: none; clear: none; display: inherit; padding: .2em; margin: 0 0 0 -.2em !important; }

#credits .wrapper a:hover { padding: .2em; }

/* CV */

#cv { padding-top: 0 !important; }

#cv header .wrapper, #cv #contact .wrapper { padding-top: 3em !important; }

#cv header .back { margin-top: -5.6em !important; }

#cv h4 { margin: 0 0 0 5% !important; line-height: inherit; width: 12%; float: left; }

#cv ul { width: 83%; float: left; margin: 0 0 3em !important; }

#cv ul li { list-style-type: square; font-size: 1.6em !important; margin: 0 0 1em 0 !important; }

/* Media Queries */

@media screen and (max-width: 1200px){}

@media screen and (max-width: 980px){

/* Layout */

header ul {  margin: 0 0 5em !important; position: relative; }

header li {  margin: 0; height: 3em; width: 50%; float: left; }

header li a { padding: .2em 0 !important; display: block; float: left; clear: both; text-align: center;
	line-height: 3em; height: 3em; width: 100%; font-size: 1.4em; }

header p { width: 80%; }

/* Gallery */

.gallery li:nth-child(2n+2) .wrapper aside { float: none; }

.gallery li .wrapper img { margin: 0 0 4em 4em !important; }

.gallery li:nth-child(2n+2) .wrapper img { float: right; }

}

@media screen and (max-width: 800px){

/* Layout */

header h1 { line-height: 1em; height: 3.4em; }

header ul { height: 9em; }

header li {  width: 100%; clear: both; height: 4em; }

header li a { padding: .2em 0 !important; display: block; float: left; clear: both; text-align: center;
	line-height: 3em; height: 3em; width: 100%; font-size: 1.4em; }

header p, header p + p { width: 100%; text-indent: 0 !important; }

.wrapper { width: 90%; padding: 2em 5% 3em; }

/* Gallery */

.gallery li .wrapper { background: none; }

.gallery li .wrapper aside { width: 100% !important; }

.gallery li .wrapper span { display: inherit; float: left; width: 1em; }

.gallery li .wrapper img { width: 100% !important; margin: 0 0 2em 0 !important; clear: both; border: 0 none; padding: 0; background: none; }

.gallery li article p { max-width: 100% !important; }

/* CV */

#cv h4 { margin: 0 !important; width: 100%; clear: left; }

#cv ul { width: 95%; margin: 2em 0 3em 5% !important; }

#cv ul li { list-style-type: square; font-size: 1.6em !important; margin: 0 0 1em 0 !important; }

}

@media screen and (max-width: 600px){

/*body { background: #ffff00; }*/

header .wrapper { padding-top: 2em; }

header h1, h1 { font-size: 3em !important; }

header p { font-size: 1.6em !important; }

.back { clear: both; float: left; width: 100%; height: auto; line-height: 1em; padding: 1em 0 !important; margin: 1em 0 0 !important;
	-webkit-border-radius: 0; border-radius: 0; }

.back:hover { color: #000 !important; background: #fff; padding: 1em 0 !important; margin: 1em 0 0 !important; }

}

/* Fonts */

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

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

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

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

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

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

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