@font-face {font-family: 'AtlasTypewriter'; font-weight: 400; font-style: normal;src: url('fonts/AtlasTypewriter-Regular-Web.eot'); src: url('fonts/AtlasTypewriter-Regular-Web.eot?#iefix') format('embedded-opentype'),url('fonts/AtlasTypewriter-Regular-Web.woff') format('woff'),url('fonts/AtlasTypewriter-Regular-Web.ttf') format('truetype'),url('fonts/AtlasTypewriter-Regular-Web.svg#AtlasTypewriter-Regular') format('svg');}
@font-face {font-family: 'AtlasTypewriter'; font-weight: 500; font-style: normal;src: url('fonts/AtlasTypewriter-Medium-Web.eot'); src: url('fonts/AtlasTypewriter-Medium-Web.eot?#iefix') format('embedded-opentype'),url('fonts/AtlasTypewriter-Medium-Web.woff') format('woff'),url('fonts/AtlasTypewriter-Medium-Web.ttf') format('truetype'),url('fonts/AtlasTypewriter-Medium-Web.svg#AtlasTypewriter-Medium') format('svg');}
@font-face {font-family: 'AtlasTypewriter'; font-weight: bold; font-style: normal;src: url('fonts/AtlasTypewriter-Black-Web.eot'); src: url('fonts/AtlasTypewriter-Black-Web.eot?#iefix') format('embedded-opentype'),url('fonts/AtlasTypewriter-Black-Web.woff') format('woff'),url('fonts/AtlasTypewriter-Black-Web.ttf') format('truetype'),url('fonts/AtlasTypewriter-Black-Web.svg#AtlasTypewriter-Black') format('svg');}

html, body {width: 100%; max-width: 100%;}

html, body, #contactos p {font-family: 'AtlasTypewriter', Arial, Helvetica, serif!important; font-weight: 200!important; text-transform: none!important;}

h1, h2, h3, h4, h5, h6 {font-weight: 200;}

header h1 {font-size: 65px; font-weight: 200;line-height: 85px;}

h2 {font-size: 28px;}

section .content {font-size: 16px;}

/*header nav {width: 100%; padding: 30px 0 20px; position: fixed; top: 100px; left: 0; z-index: 99;}
nav.fixed {background: transparent!important; top: 100px;}*/

body {overflow-x: hidden; overflow-y: visible;}

#content {overflow: visible;}

header nav.fixed {height: auto; padding: 0; background: none; overflow: hidden; bottom: auto;}

header nav ul li {margin: 0 5px;}
header nav ul li a {font-size: 14px;}

.fullHeight {padding-top: 150px;}


.top-nav {width: 100vw; position: fixed; top: 0; left: 0; z-index: 99999;}
.bottom-nav {width: 100vw; position: fixed; bottom: 0; left: 0; z-index: 99999;}
.edition {height: 30px; background: rgba(255, 255, 255, .32); font-size: 16px; line-height: 30px; text-align: center; cursor: pointer;}
.top-nav .edition {margin-bottom: 2px;}
.bottom-nav .edition {margin-top: 2px;}
.edition.active {background: transparent; border-color: rgba(255, 255, 255, .32)!important;}
.edition a {border: none; color: #000;}
.edition:hover {background: rgba(255, 255, 255, .5);}
.edition.active:hover {background: transparent;}

#videoOverlay {z-index: 999999;}

#ajaxcontent {position: fixed; z-index: 99999;}
#inscricao {background: #00ff00!important;}

section .back {font-size: 16px;}

form input {font-family: 'AtlasTypewriter', Arial, Helvetica, serif!important; font-size: 12px;}

form #nascimento, form #telefone, form #emissao {width: 50%; margin-right: 0;}
label.consentimento {font-size: 12px!important;}

form input[type=submit] {font-size: 16px!important;}





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

	header > h1 {width: 100%!important; margin: -140px 0 0 0!important; line-height: 50px; left: 0;}
    .main-title {margin: 0!important; font-size: 28px!important;}
    .sub-title {font-size: 18px!important;}
    .sub-sub-title {font-size: 12px!important;}

    header.main nav ul li a {margin: 3px 5px; padding: 2px 0;}

    header > img {width: 40px; top: 50px!important; right: 20px!important;}

    form #nascimento, form #telefone, form #emissao, form #bi, form #validade, form #telemovel {width: 100%;}

    label.consentimento {width: 86%!important;}

}



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

	header > h1 {width: 100%!important; margin: -140px 0 0 0!important; line-height: 50px; left: 0;}
    .main-title {margin: 0!important; font-size: 25px!important;}
    .sub-title {font-size: 18px!important;}
    .sub-sub-title {font-size: 12px!important;}

    .edition {height: 20px; font-size: 12px; line-height: 20px;}

    header > img {width: 30px; top: 30px!important; right: 20px!important;}

    header.main nav ul li a {padding: 0;}

    header nav {bottom: 80px!important;}

}