html, body{
    max-width:100%;
    padding-bottom:22px;
}

* {
    outline: none !important;
    font-family: 'Lobster', cursive;
}

.topo-logo {
    text-align:center;
    width:100%;
    padding:30px;
    
}

.montserrat {
    font-family: 'Montserrat', sans-serif;
}


.menu-fixed{
    position:fixed;
    top:0;
    z-index:999;
}

.menu-fixed-body {
    padding-top:80px;
}

.menu {
    /*height: 65px;*/
    background-color: #F9BF36;
    width: 100%;
    color: #fff;
    padding: 20px 0px;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif
}

.menu-item {
    
    margin: 0px;
    padding:23px 18px;
    text-align:center;
    cursor:pointer;
}

.menu-item:hover, .menu-item-active {
    background-color: #f5ac00;
    
}

.line-menu {
    border-left: solid 1px #ffffff7a;
    margin: 3px 18px 0px 26px;
    font-size: 20px;
}

*{
    outline:none!important;
}


.hotel-taxi-creche {
    padding-top: 22px;
}

.font-raleway {
    font-family: 'Raleway', sans-serif;
    font-weight:900;
}

.text-primary{
    color:#F9BF36;
}

p {
    color: #808080;
}

.text-marrom {
    color: #623717;
}

.text-gray {
    color: #808080;
}

.btn{
    border-radius:0px;
}

.btn-primary {
    background-color: #F9BF36;
    color: #623717;
    border: none;
}

    .btn-primary:hover, .btn-primary:active,
    .btn-primary:focus, .btn-primary:checked {
        background-color: #623717!important;
        color: #F9BF36!important;
        border: none!important;
    }


.section-banner {
    margin-bottom: 80px;
    margin-top: 40px;
}

.section-sobre {
    padding: 80px 0px;
    background-color: #F8F8F8;
}

.section-servicos {
    background-color: #F9BF36;
    padding: 60px 0px;
    color: #fff;
    
}

.title-servicos {
    color: #623717;
   
}

.section-galeria {
    background-color: #fff;
    padding: 80px 0px 0px;
    width: 100%;
    margin-bottom: 40px;
    -webkit-box-shadow: -1px 10px 12px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 12px -8px rgba(0,0,0,0.75);
    box-shadow: -1px 10px 12px -8px rgba(0,0,0,0.75);
}

.text-white{
    color:#fff;
}


.foto-galeria {
    width: 12.5%;
    height: 210px;
    margin: 0 auto;
    padding: 0;
    border: none;
    float: left;
    background-position: top; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}


.section-nao-esqueca{
    margin-top:80px;
}

.section-depoimentos {
    padding: 80px 0px 100px;
}

#mapa {
    width: 100%;
    height: 600px;
}

.img-dicas{
    width:500px;
}

.endereco {
    margin-top: 20px;
}

@media (max-width: 425px) {

    .topo-logo{
        background-color:#F9BF36;
        padding:10px;
    }

    h2{
       font-size: 25px;
    }

    .img-dicas{
        width:90%;
        margin-bottom:80px;
    }

    .foto-galeria{
        width:100%;
        height:400px;
    }

    .section-banner {
        margin-bottom: 40px;
        margin-top: 0px;
        text-align:center;
    }

    .hotel-taxi-creche {
        padding-top: 20px;
    }

    .menu{
        position:fixed;
        z-index:999;
        top:0;
        left:0;
        width:100%;
        display:none;
    }

    .menu-item {
        display:block;
        margin: 0px;
        width:100%;
        text-align:center;
        padding: 10px 18px;
        text-align: center;
        cursor: pointer;
    }

        .menu-item:hover, .menu-item-active {
            
            background-color: #F9BF36;
        }

    .div-tel {
        position: fixed;
        bottom: 0;
        background-color: #F9BF36;
        width:100%;
        color:#fff;
        text-align:center;
        z-index:99999;

    }

    .btn-tel {
        width: 25%;
        float: left;
        text-decoration: none;
        color: #fff;
        border: 1px solid #f5ac00;
        font-size:22px;
        letter-spacing:0px;
        padding:6px 0px;
    }

    .topo-logo {
        position: fixed;
        top: 0;
        z-index: 998;
    }

    body{
        padding-top:100px;
    }

    .endereco {
        margin-top: -40px;
    }

}

.pointer{
    cursor:pointer;
}

.link-face, .link-insta, .link-tel, .btn-tel {
    text-decoration: none;
    color: #fff;
}

    .link-face:hover, .link-insta:hover, .link-tel:hover,
    .link-face:active, .link-insta:active, .link-tel:active,
    .link-face:focus, .link-insta:focus, .link-tel:focus,
    .btn-tel:hover, .btn-tel:active, .btn-tel:focus {
        text-decoration: none;
        color: #fff;
    }

.link-tel-fixo, .link-tel-fixo:hover, .link-tel-fixo:active, 
    .link-tel-fixo:focus {
    text-decoration: none;
    color: #000;
}