html, body{
	font-size: 22px;
	line-height: 26px;
	padding: 0;
	margin: 0;
	font-family: 'Yanone Kaffeesatz', sans-serif !important;
}
p{
	font-size: 22px;
	line-height: 26px;
}
img{
	max-width: 100%;
	height: auto;
}
.color-1{
	color: #d66331 !important;
}
.title{
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.5em;
    letter-spacing: 10px;
    margin-bottom: 5px;
}
.subtitle{
    text-transform: uppercase;
    font-weight: 400;
    font-size: .8em;
    letter-spacing: 5px;
}
#header {
    text-align: center;
    background-color: #4c8f71;
    background-image: url(/wp-content/themes/blank/assets/images/fundo-header.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 80px;
    height: 675px;
}

#main-navigation .menu{
	margin-top: 100px;
    padding-left: 0;
}
#main-navigation .menu-item {
    display: inline-block;
    padding: 10px;
}
#main-navigation .menu-item a {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
}
#exportacoes-header {
	display: inline-block;
	position: relative;
	font-size: 28px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 15px;
	margin-top: 70px;
}
#exportacoes-header:before, #exportacoes-header:after {
    content: '';
    display: block;
    width: 80px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 17px;
}
#exportacoes-header:before{
	right: calc( 100% + 25px );
}
#exportacoes-header:after{
	left: calc( 100% + 25px );
}
#quem-somos{
    padding: 80px 0;
}
#quem-somos img{
    position: relative;
    left: 45px;
}
#quem-somos .sobre {
    position: relative;
    left: -45px;
    background-color: #7ec241;
    padding: 45px 90px 30px;
    color: #fff;
    z-index: 1;
}
#quem-somos .sobre:before {
    content: '';
    display: block;
    position: absolute;
    width: calc( 100% - 20px );
    height: calc( 100% - 20px );
    border: 1px solid #fff6;
    top: 10px;
    left: 10px;
    z-index: -1;
}
#diferenciais{
    background-color: #eeeff0;
    text-align: center;
    padding: 65px 0;
}
#diferenciais a{
    position: relative;
    top: 95px;
    background-color: #d66331;
    display: inline-block;
    padding: 12px 80px;
    color: #fff;
    line-height: 1.5;
    text-transform: uppercase;
}
#diferenciais a:before {
    content: '';
    display: block;
    position: absolute;
    width: calc( 100% - 10px );
    height: calc( 100% - 10px );
    top: 5px;
    left: 5px;
    border: 1px solid #fff;
}
#marcel{
    padding: 120px 0 100px;
    background-color: #fcfcfc;
    background-image: url(<?php echo get_template_directory_uri(); ?>/assets/images/fundo-marcel.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
#marcel .marcel {
    position: relative;
    background-color: #005f33;
    color: #fff;
    padding: 45px 65px;
    margin-top: 35px;
    margin-bottom: 35px;
    left: 60px;
    z-index: 2;
}
#marcel .marcel:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc( 100% - 20px );
    height: calc( 100% - 20px );
    border: 1px solid #559477;
    z-index: -1;
}
#marcel img{
    position: relative;
    left: -60px;
}
#blog{
    padding: 45px 0;
}
#blog a, #blog a:hover, #blog a:visited{
    color: #060606;
}
#fotos{
    background-color: #eeeff0;
    padding: 45px 0;
    text-align: center;
}
#depoimentos{
    text-align: center;
    background-color: #f0f0f0;
    padding: 45px 0 140px;
}
#depoimentos .depoimentos{
    background-color: #fff;
    padding: 25px;
}
.wpcf7 label {
    display: block;
    width: 100%;
}
.wpcf7-text, .wpcf7-textarea, .wpcf7-email {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid transparent;
    border-bottom: 1px solid #181818;
    letter-spacing: 1px;
}
.wpcf7-text:hover, .wpcf7-textarea:hover, .wpcf7-email:hover,
.wpcf7-text:focus, .wpcf7-textarea:focus, .wpcf7-email:focus{
    border: 1px solid #181818;
}
.wpcf7-text::placeholder, .wpcf7-textarea::placeholder, .wpcf7-email::placeholder {
    text-transform: uppercase;
    font-size: .8em;
    color: #d66331;
}
.wpcf7-textarea{
    height: 140px;
    resize: none;
}
.wpcf7-submit {
    display: inline-block;
    color: #d66331;
    text-transform: uppercase;
    font-size: .8em;
    line-height: 1;
    letter-spacing: 1px;
    padding: 8px 16px 6px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.wpcf7-submit:hover{
    border: 1px solid #d66331;
    background-color: #d66331;
    color: #fff;
}
#footer{
    padding: 45px 0;
    background-color: #005d30;
    text-align: center;
}
#footer a, #footer a:visited{
    color: #fff;
}
#footer a:hover{
    color: #eee;
    text-decoration: none;
}
#copyright{
    background-color: #004021;
    text-align: center;
    padding: 10px;
    color: #fff;
}
#copyright p{
    margin-bottom: 0;
}
#copyright a, #copyright a:visited{
    color: #fff;
}
#copyright a:hover{
    color: #eee;
}
.single-blog {
    padding: 55px 0 80px;
}
#openmenu, #closemenu{
    display: none;
}

@media screen and (max-width:767px){
	span.separador{
		display: block;
		font-size: 0;
		line-height: 0;
	}
    #header{
        position: relative;
        height: 420px;
        padding-top: 15px;
        background-size: cover;
    }
    .custom-logo {
        margin-top: 75px;
        width: 80%;
    }
    #openmenu, #closemenu{
        position: absolute;
        display: block;
        top: 15px;
        left: 15px;
        font-size: 38px;
        line-height: 1;
        color: #fff;
        z-index: 99;
    }
    #main-navigation {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #4d9071;
        background-color: #009651f0;
        padding: 100px 20px;
        z-index: 99999;
    }
    #main-navigation.open{
        display: block;
    }
    #main-navigation .menu {
        margin-top: 0;
        padding: 0 20px;
    }
    #main-navigation .menu-item {
        display: block;
    }
    #quem-somos img,
    #quem-somos .sobre,
    #marcel .marcel,
    #marcel img{
        position: static;
    }
    #marcel .marcel:before{
        display: none;
    }
    #exportacoes-header{
        letter-spacing: 8px;
    }
    #exportacoes-header:before, #exportacoes-header:after{
        width: 30px;
    }
    #quem-somos .sobre{
        padding: 45px 30px 30px;
    }

}