.control-altura-menu {
    height: 70px;
    background-color: #000000;
}

.logotopo img {
    max-height: 80px;
    margin-bottom: 60px;
}
.imagem-topo {
    height: 600px;
}

.titulos {
    font-family: BebasNeueRegular;
    color: #FFFFFF;
    font-size: 35px;
    padding-bottom: 20px;
}
.titulos-pequeno {
    font-family: BebasNeueRegular;
    color: #FFFFFF;
    font-size: 25px;
    padding-bottom: 20px;
}

.titulos i {
    color: #D69E71;
}


.titulos img {
    max-height: 35px;
    vertical-align: middle;
}

.titulos h2 {
    font-family: BebasNeueRegular;
    color: #FFFFFF;
    font-size: 45px;
}

.texto p, .texto {
    font-family: OpenSansRegular;
    color: #D69E71;
    text-align: justify;
    font-size: 12px;
}
.texto p {
    margin-bottom: 15px;
    font-size: 12px;
}

.mapa {
    padding: 0 60px;
}

.maplegend {
    display: none;
    border: 1px solid #E9B280;
    border-radius: 5px;
    background-color: rgba(0,0,0,0.7);
    padding: 5px 10px;
    font-family: OpenSansSemiBoldItalic;
    text-transform: uppercase;
    font-size: 14px;
    color: #FFFFFF;
}


.btn {
    padding: 5px 15px;
    border: 1px solid #E9B280;
    font-family: BebasNeueRegular;
    color: #E9B280;
    font-size: 16px;
    background-color: rgba(0,0,0,0);
    cursor: pointer;
}
.btn:hover  {
    background-color: #E9B280;
    color: #000000;
}

.owl-theme .owl-dots .owl-dot span {
    background: #E9B280 none repeat scroll 0 0;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #D69E71 none repeat scroll 0 0;
}



@media (min-width: 500px) and (max-width: 767px) {

    .spacer-70 {
        height: 30px;
    }

    .control-altura-menu {
        height: 50px;
    }
    .titulos {
        padding: 0 10px;
    }

    .logotopo {
        margin: 0 10px 60px 10px;
    }

    .page-title{
        padding: 30px 10px;
    }

    .apresentacao {
        padding: 0 10px;
    }
    .apresentacao .col-48 {
        width: 100%;
    }

    .imagem-topo {
        height: 420px;
    }
    .mapa_contend .texto {
        padding: 0 10px;
    }

    .mapa_contend .spacer-70, .mapa_contend .spacer-50, .mapa_contend .spacer-30 {
        height: 0;
    }

    .mapa {
        height: auto;
        padding: 20px;
    }
    .materias-primas {
        padding: 0 10px;
    }
    .materias-primas .col-48 {
        width: 100%;
        margin-bottom: 50px;
    }
    .materias-primas .titulos {
        padding: 0 0 20px 0;
    }
    .materias-primas .spacer-100 {
        height: 0;
    }

    .owl-carousel {
        padding: 0 10px;
    }

}

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

    .spacer-70 {
        height: 30px;
    }

    .control-altura-menu {
        height: 50px;
    }
    .titulos {
        padding: 0 10px;
    }

    .logotopo {
        margin: 0 10px 60px 10px;
    }

    .apresentacao {
        padding: 0 10px;
    }
    .apresentacao .col-48 {
        width: 100%;
    }

    .imagem-topo {
        height: 320px;
    }
    .mapa_contend .texto {
        padding: 0 10px;
    }

    .mapa_contend .spacer-70, .mapa_contend .spacer-50, .mapa_contend .spacer-30 {
        height: 0;
    }

    .mapa {
        height: auto;
        padding: 20px;
    }
    .materias-primas {
        padding: 0 10px;
    }
    .materias-primas .col-48 {
        width: 100%;
        margin-bottom: 50px;
    }
    .materias-primas .titulos {
        padding: 0 0 20px 0;
    }
    .materias-primas .spacer-100 {
        height: 0;
    }

    .owl-carousel {
        padding: 0 10px;
    }

}