@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body {line-height: 1,4} ol, ul {list-style: none;} li{ display:inline} blockquote, q {quotes: none} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none} :focus {outline: 0} ins {text-decoration: none} del {text-decoration: line-through} table {border-collapse: collapse;border-spacing: 0}
/**FIM RESET **/



@font-face {
  font-family: 'FeijoaMediumItalic';
  src: url("../fonts/feijoa/FeijoaWeb-MediumItalic.woff") format("woff"), url("../fonts/feijoa/FeijoaWeb-MediumItalic.woff2") format("woff2"), url("../fonts/feijoa/FeijoaWeb-MediumItalic.eot?#iefix") format("embedded-opentype");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'Feijoa';
  src: url("../fonts/feijoa/FeijoaWeb-MediumItalic.woff") format("woff"), url("../fonts/feijoa/FeijoaWeb-MediumItalic.woff2") format("woff2"), url("../fonts/feijoa/FeijoaWeb-MediumItalic.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: italic; }


html, body {height:100%}

body {}
body * {color:white; font-family:"canada-type-gibson", "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:1px}

.conteudo {display:none; width:926px; height:600px; position:absolute; left:50%; top:50%; margin-left:-463px; margin-top:-300px; text-align:center; z-index:1}
.brand {margin-bottom:60px; font-size:17px; letter-spacing:4px}
.message {background:url(../images/message-bg.png) center no-repeat; background-size:100% 100%}
.message p {font-size:22px; letter-spacing:2px; line-height:165%; font-weight:300; margin:0 auto 15px; text-transform:uppercase}
.message p span {font-family:"canada-type-gibson", "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; font-weight:100}

footer {position:fixed; left:0; bottom:32px; width:100%; display:none}
footer .inner {margin:0 32px}
footer .contact {float:left; font-size:12px}
footer .copy {float:right; font-size:10px}

a {text-decoration:none; transition:.2s ease; -moz-transition:.2s ease; -webkit-transition:.2s ease}
a:hover {text-decoration:underline}


.clear {clear:both}

.button {display:inline-block; border:2px solid white; padding:12px 17px; text-transform:uppercase; font-size:12px; font-weight:100; text-decoration:none!important}
.button:hover {background:white; color:#333}



@media screen and (max-height: 680px) {
.message {padding-bottom:70px}
.message br {display:none}
}


@media screen and (max-height: 640px) {
.conteudo {margin-top:-220px}
}


.cover {background:black; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:111}



@media screen and (max-device-width: 640px) {
body {font-size:16px;}
.conteudo {position:relative; top:auto; margin-top:auto; padding-top:200px; width:auto; height:auto; left:0; margin-left:0}
.brand {margin-bottom:140px}
.message {padding:0 70px; width:770px; margin:0 auto}

footer .contact,
footer .copy {font-size:18px}
}