html, body {		            
	margin:0;
	padding:1em;
	width: 100%;
	           
}
#marca{
	
	height: 28vh;
	display: block;
	background-image: url("../img/marca.png");
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 1em;
	margin-bottom: 2em;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    /* border: #fff 1px solid; */
}
#bg{
		
		background-image: url("../img/fundo.png");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-color:#592826;            
}

#content{
	width: 100%;
	height: 90vh;
	display: inline-table;
	align-items: center !important;
	justify-content: center !important;
	text-align:center !important;	
	border:#4FA9A6 dashed 1px !important;
}

ul {
		display: block !important;		
		margin:0.5em !important;
        padding: 0 !important;
	}

li {
    list-style-type: none!important;
	line-height: normal !important;
    margin:0 !important;
}

a:link, a:visited {
	font-family: 'om_telolet_omregular';
    font-weight:normal;
    font-style: normal;
    font-size: 2.2vmax;
	background-image: linear-gradient( #4FA9A6,  #4FA9A6 );
	color: #592826;
	margin: 0.5em;
	padding:0.3em 1em 0.3em 1em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 10px;
	box-shadow: -1px 6px 4px 1px #3B1313;

	-webkit-transition: all 1s ease-in;
	-moz-transition: none;
    transition: all 1s ease-in;	
}

a:hover {
	background-image: linear-gradient(to right, #4FA9A6,  #9D9D9C );
	color: #fff;
	box-shadow: -1px 6px 4px 1px #3B1313;
}
 a:active {	
	box-shadow: -1px 2px 2px 1px #3B1313;
	-webkit-transition:none;
	-moz-transition: none;
    transition: none;	
}

/* FONTES */	

p {
	font-family: 'caviar_dreamsregular';
	font-weight: normal;
	line-height: normal;
    font-style: normal;
	color:white;
	font-size: 1.2vmax;
}
.caviar-bold {
	font-family: 'caviar_dreamsbold';
	font-weight: normal;
    font-style: normal;
}
.caviar-tit {
	font-family: 'caviar_dreamsregular';
	font-weight: normal;
    font-style: normal;
}
.caviar-bold-italic {
	font-family: 'caviar_dreamsbold_italic';
	font-weight: normal;
    font-style: normal;
}
h1 {
	font-family: 'om_telolet_omregular';
    font-weight: normal;
    font-style: normal;
}

h2 {
	font-family: 'caviar_dreamsregular';
	font-weight: normal;
    font-style: normal;
	color:white;
}
h3 {
	font-family: 'caviar_dreamsbold';
	font-weight: normal;
    font-style: normal;
	color:white;
    font-size: 1.8vmax;
}

@media only screen and (max-device-width: 480px) {
    #content{
        width: 100%;
        height: 85vh;
    }
    #marca{	
        height: 18vh;
    }
    h3 {
        font-size: 3vmax;
    }
    p{
        font-size: 2.2vmax;
        margin-top: 2em;
        margin-left: 2.6em;
        margin-right: 2.6em;
        /* border: 1px solid #fff; */
    }
    a:link, a:visited {
        margin-top: 1em;
        font-size: 4vmax;
        
    }
}