/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22/05/2019, 15:33:51
    Author     : Castelli
*/

@media(max-width:576px){
    #parallax h4{
        font-size: 26px;
        padding-top: 55px;
    }
    #parallax{        
        height: 150px;      
    }

    #parallax1 h4{
        font-weight: 600;
        font-size: 18px;
    }
    .logo{
        height: 180px;
        margin-left: 50px; 
        margin-right:0;

    }
    .jumbotron h1{
        font-size: 30px!important;
    }

}
@media(min-width:576px) and (max-width:768px){
    #parallax h4{
        font-size: 30px;
        padding-top: 55px;
    }
    #parallax{        
        height: 150px;      
    }
    .jumbotron h1{
        font-size: 35px!important;
    }

}
@media(min-width:768px) and (max-width:1200px){

    #parallax h4{
        font-size: 42px;
        padding-top: 55px;
    }
    #parallax{        
        height: 150px;      
    }
    .logo{
        height: 200px;
    }
    .nav-link{
        font-size: 13px;
    }


}

@media(min-width:992px) and (max-width:1200px){
    #links{
        margin-left: 80px!important
    }   

    #frase-menu h1{
        margin-left: -20px;
        margin-top: 40px;
        font-size: 32px;

    }
}
@media(min-width:768px) and (max-width:992px){
    #links{
        margin-left: 180px
    }
    .placa{
        margin-bottom: -35px;
    }
    #servicos{
        padding-bottom: 100px!important;
    }
    .placa h2{
        font-size: 34px;
    }
    .texto-menor{
        font-size: 30px;
    }

    #frase-menu h1{
        margin-left: 100px;
        margin-top: 50px;
        font-size: 26px;

    }
}
@media(max-width:1200px){
    .folhas-invertidas{
        display: none;
    }
}
@media(max-width:768px){

    .placa h2{
        font-size: 32px;
    }
    #frase-menu{
        display: none;
    }
    .navbar-collapse{
        margin-top: 60px;
        margin-right: 35px;
    }
    .img-empresa{
        max-height: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .folhas-contato{
        text-align: center;
    }   

    .btn-facebook i{          
        font-size: 11px;  
    }
    .btn-instagram i{          
        font-size: 11px;  
    }

    .nav-link{
        font-size: 14px;
        text-align: center; 
        height: 35px;
        line-height: 30px;
    }
    .nav-item{
        width: 100px;

    }

}