@media only screen and (max-width:1440px) {
	.whatsapp {
	  right:60px;
	  bottom:60px;
	}	
}

@media(min-width:1024px) and (max-width:1280px) {
    .navbar .navbar-nav > li > a {
        padding: 15px 20px;
    }
}

@media(min-width:768px) and (max-width:960px) {
    .navbar .navbar-nav > li > a {
        padding: 15px 7px;
    }
}

@media(max-width:767px) {
    .navbar-default .navbar-nav > li > a:not(.btn) {
      color: #383635;
      padding:17px 0;
    }

    .navbar .navbar-brand {
      margin: 10px 0px 10px;
      padding: 0 10px;
    }

    .navbar .navbar-brand img{
      width:128px;
    }

    .navbar-toggle {
        margin-right: 5px;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:not(.btn):hover,
    .navbar-default .navbar-nav > .active > a:not(.btn):focus,
    .navbar-default .navbar-nav > li > a:not(.btn):hover,
    .navbar-default .navbar-nav > li > a:not(.btn):focus {
      background-color: transparent;
      border-radius: 3px;
      color: #EDC223;
    }
    
    #home{
        height:515px;
        background:url('../images/bg-responsivo.jpg') no-repeat top center;
    }    
		
    #home .titulo-header {
        float: left;
        margin-top:30%;
    }

    #home .titulo-header h2 {
        font-size:18px;
        line-height:24px;
        letter-spacing:2px;
    }    

    .scroll{
        position:absolute;
        left:0;
        right:0;
        bottom:20px;
    }

    .navbar .navbar-nav.navbar-uppercase > li > a .whats{
        float: left;
        border:0;
        padding:0;
        letter-spacing: 0;
    }
    
    .navbar .navbar-nav.navbar-uppercase > li > a .whats:hover{
       background:none;
       border: none;
       color: #EDC223;
    }
    
    #historia-home{
        margin:0 auto;
        padding: 40px 0 60px;
    }

    #historia-home h1{
        margin-top:40px;
        font-family: 'Rubik', sans-serif;
        font-weight:700;
        font-size:28px;
        color: #fff;
        text-transform: uppercase;
    }

    #historia-home h2{
        margin-top: -5px;
    }

    #historia-home p{
        width: 100%;
        padding-top:20px;
    }
    
    #historia-home .btn-sobre {
        margin-top:10px;
    }
    
    #cartoes{
        margin:0 auto 60px;
        height:auto;
    }

    #cartoes .cartao{
        top:-50px;
    }

    #cartoes .cartao img{
        position:relative;
        left:0;
    }

    #cartoes .bandeiras{
        padding-top:0;
    }

    #cartoes .bandeiras h1{
        margin-top: -20px;
        position: relative;
        font-family: 'Rubik';
        font-size:32px;
        font-weight: 700;
        color:#EDC223;
        text-transform: uppercase;
    }

    #cartoes .bandeiras h2{
        width:100%;
        font-size:16px;
        letter-spacing:1px;
    }

    #cartoes .bandeiras .cartoes{
        padding-top:20px;
    }
    
    #projetos-recentes{
        background:#EEC828;
        padding:50px 0 80px;
    }

    #projetos-recentes h2{
        display: none;
    }
    
    #whatsapp{
        margin:50px auto;
        background:#fff;
        height:auto;
    }
    
    #whatsapp h1{
        padding-top:0;
        font-size: 22px;
        line-height: 26px;
        text-align: center;
    }

    #whatsapp .btn-contate {
        margin: 0 50px;
        text-align: center;
        display: block;
    } 
    
    #clientes{
        float: left;
        width:100%;
        margin:0 auto 50px;
        position: relative;
    }

    #clientes h1{
        padding-top:0;
        text-align: center;
    }
    
    #clientes .marcas .col-md-3{
        text-align: center;
        display: block;
        padding: 15px 0;
    }
    
    .galeriadefotos{
        padding-bottom:80px;
    }    
    
    .projeto{
        padding-bottom:20px;
    }
    
    #bg-rodape{
        display: none;
    }
    
    .contato{
        padding-top:20px;
        padding-bottom:82px;
    }

    .contato .img-contato {
    display: none;
    } 
    
    .formulario{
        padding-left: 0;
    }    

    #contatos{
        padding: 50px 0 75px;
        text-align: center;
    }

    #contatos .endereco{
        padding-left:0;
    }

    #contatos .atendimento{
        display: inline-block;
        padding-top:30px;
    }
    
    #contatos a{
        float:none;
    }    

	#contatos .social{
        float: none;
        padding-top:40px;
        padding-left:20px;
        text-align: center;
    }
    
    #contatos .social ul{
        padding-left: 10px;
    }

	#contatos .social li{
        display:inline-block;
        margin:0 3px;
        text-align: center;
    }

    footer { 
        width:100%;
        margin:0 auto;
        float:left;
        padding:50px 0 70px; 
        background:#19181a;
    }

    footer .direitos { 
	    float: none;
        text-align: center;
        padding-bottom: 0;
    }

    footer .autor { 
    	float:none; 
        text-align: center;
    }
    
    #bg-header-internas{
        height:112px;
    }    
    
    .titulo-internas{
        background:url("../images/bg-internas.jpg") no-repeat left top;
        text-align: center;
    }

    .titulo-internas h2{
        letter-spacing: 5px;
    }
    
    .sobre{
        margin:40px auto 20px;
    }

    .sobre h2{
        width:100%;
        margin:0 0 30px;
    }

    .sobre p{
        width:100%;
    }

    .sobre .img-sobre {
        display: none;
    }
    
    #missao{
        padding:0 20px 50px;
        background: #fff;
    }
    
    #missao .missao{
        display:block;
        width:100%;
        table-layout:none;
    }
    #missao .missao>div{
        display:block;
        vertical-align:top;
        border:0;
        padding:10px 0;
        background:#fff;
        position:relative;
    }

    #servicos{
        padding-bottom: 25px;
    }
    
    #servicos li{
        padding:50px 0;
    }
    
    #servicos .servico h1{
        padding-top:40px;
        padding-bottom: 20px;
    } 
    
    .projetos{
        margin:20px auto 60px;
    }    
	
	.whatsapp {
	  width:70px;
	  height:70px;		
	  right:30px;
	  bottom:60px;
	}
	
	.whatsapp i{
		color: #fff;
		font-size: 38px;
	}
	
    .go-top{
        right:10px;
        bottom:10px;
    }    
}