/*Tamanho padrão para tablets*/
@media only screen and (max-width: 769px) {
	.header-black ul , #menu{
		display: none;
	}
    #cabecalho {
        /*height: 75px;*/
        position: fixed;
        z-index: 9;
    }    
    header {
        /*height: 205px;*/
    }    
    header #logotipo {
        left: 30%;
        transition: 1s;
        top: 45px;
        width: 40%;
    }
    #text-center {
        font-size: 16px;
    }            
    #area-atuacao .col-area-atuacao-bottom {
        margin-top: 440px;
    }
    iframe {
        width: 325px;
        height: 235px;
     }
    #container-formulario {
        padding-right: 0;
    }

    #container-formulario label {
        margin-left: 28px;
    }
    #container-formulario input[type=text] {
        padding: 10px;
    }    
    #botao-enviar {
        margin-left: 103px;
    }    

    #btn-bars {
        color: #6D2635;
        font-size: 25px;
        position: absolute;
        top: -5px;
        background: none;
        border: none;
        display: block;
        left: 36px;
    }
    header.open-menu #menu-mobile-mask {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,.5);
        z-index: 4;
    }
    header.open-menu .visible-lg, .visible-md, .visible-sm, .visible-xs {
        display: block;
    }
    header #menu-mobile {
        position: fixed;
        top: 32px;
        background-color: #6D2635;
        width: 80%;
        height: 100%;
        left:-80%;
        transition: 1s;
        z-index: 5;
    }
    header #logotipo2 {
        left: 17%;
        width: 65%;
        top: 68px;
        position: absolute;
    }
    header.open-menu #menu-mobile {
        left: 0;
    }
    header #menu-mobile ul {
        margin: 20px;
        margin-top: 180px;
    }
    header #menu-mobile li {
        text-align: center;
        border-top: #CCC 1px solid;
    }
    header #menu-mobile li:last-child {
        border-bottom: #CCC 1px solid;
    }
    header #menu-mobile li a {
        color: #CCB586;
        font-family: 'OpenSans';
        font-weight: bold;
        font-size: 24px;
        padding: 45px;
        display: block;
    }
    #fale-conosco {
        height: 100%;
    }

    #text-borda{
        padding: 7px;
        font-size: 12px;
    }
}
@media only screen and (max-width: 991px) and (min-width: 770px) {
    .container {
        max-width: 100%;
    }
    iframe {
        width: 100%;
    }
    #container-formulario label {
        margin-left: 28px;
    }
}
@media only screen and (max-width: 575px) and (min-width: 482px) {
    #text-borda{
        padding: 2px;
        font-size: 10px;
        letter-spacing: 4px;
    }    
}    