/* Botão do menu responsivo */
label[for="bt_menu"]{
    padding: 1px;
    background-color:rgb(235, 221, 25);
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    width: 45px;
    height: 45px;
}

.geloRodapeResponsivo {
    display: none;
}

#bt_menu {
    display: none;
}

label[for="bt_menu"]{
    display: none;
}   

/* Menu Responsivo */
@media(max-width: 800px){
    label[for="bt_menu"]{
        display: block;
        margin-left: 92%;
        margin-top: -80px; 
    }   

    .geloRodape {
        display: block;
    }

    #sobre {
        margin-top: 0px;
        background-image: url(/images/gelorodaperesponsivo.png);
        background-size: 100%;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .geloRodapeResponsivo {
        display: block;
        width: 100%;
    }

    .modalNovo {
        background: white;
        border: 1px solid #000;
        border-radius: 5px;
        margin: 10px 10px;
        overflow: auto;  
        height: 100%;
    }

    .menuCima{
        height: 30px;
    }
    .foneMenu{
        margin-bottom: 0px;
    }
    .ruaMenu{
        display: none;
    }
    .horaMenu{
        display: none;
    }
    .button{
        margin-left: 55px;
    }  
    #home .logo{
        margin-left: -73px;
        margin-top: 8px;
        width: 375px;
        margin-bottom: 10px;
        padding: 0px 66px;
    }
    #cabecalho input {
        margin-left: 0px;
        margin-top: -20px;
        margin-bottom: 23px;
        width: 140%;
    }
    #cabecalho .button{
        margin-top: -15px;
    }
    .fone{
        display: none;
    }
    #menu{
       background-color:rgb(86, 92, 102);
    }   

    #cabecalho .nav .a {
        color: #fff;
        border-radius: 0;
    }

    .containerFlexMenu{
        display:block;
    }

    .nav .a {
        transition: all .4s;
        box-shadow: inset 0 3px 3px rgba(0, 0, 0, .3);
    }

    #cabecalho .nav .a:hover {
        background: #f1fc55;
        transition: all .4s;
    }

    #cabecalho .nav ul li:hover .a {
        border-radius: 0;
    }

    #bt_menu:checked ~ .nav{
        margin-left: -25px;
        transition: all .4s;
    }

    .flex-end {
        display: unset;
    }

    #cabecalho .nav{
        margin-top: 5px;
        margin-left: -200%;
        transition: all .4s;
        width: 100%;
        position: absolute;
        z-index: 9999;
    }
    #cabecalho .nav ul li{
        width: 100%;
        float: none;
        padding-left: 0px;
    }
    #cabecalho .nav ul ul{
        position: static;
        overflow: hidden;
        max-height: 0;
        transition: all .4s; 
    }
    #cabecalho .nav ul ul li{
        width: 100%;  
    }
    #cabecalho .nav ul li:hover ul{
        height: auto;
        max-height: 500px;     
    }
    .sliderprincipal {
        display: none;
    } 
    .e-contato{
        display: none;
    }
}

    @media(min-width: 1300px) and (max-width: 1799px){
        .geloProduto{
            margin-top: -130px;
        }
    }

    @media(min-width: 1800px) and (max-width: 2300px){
        .geloProduto{
            margin-top: -170px;
        }
    }

    @media(min-width: 2301px){
        .geloProduto{
            margin-top: -200px;
        }
    }

    @media(max-width: 800px) {
        .nav a {
            background:rgb(212, 209, 16);
        }
        
        #projetos .infoProjetos {
            margin-bottom: 30px;
        }

        #galeria .backgroundGaleriaContato{
            margin-top: 30px;
            width: 100%;
            margin: 30px 0 0 0;
        }

        #galeria .tituloGaleriaContato {   
            font-size: 17px;
        }

        #galeria .btnGaleria {
            width: 100%;
        }

        .containerGaleria {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            padding: 0 0px;
        }



        #produtos .imgCima {
            border-radius: 1500px;
            width: 100%;
            height: 300px;
            margin-left: 0;
        }

        #produtos .imgBaixo {
            border-radius: 150px;
            width: 100%;
            height: 300px;
            margin-left: 0;
            margin-top: 20px;
            margin-bottom: 30px
        }

        .colProdutos {
            display: inline-block;
            vertical-align: top;
            min-height: 1px;
            padding-left: 5px;
            padding-right: 5px;
            width: 100%;
            margin-right: -4px;
            *zoom: 1;
            *display: inline;
        }

        #contato iframe{
            height: 250px;
        }

        #contato .maps {
            padding: 0 0 0 0;
        }

        #sociais {
            box-shadow: 0px 0px 0px black;
        }

        
    }

    @media(min-width: 50px) and (max-width: 320px){
        

        

        #informacoes .contInfo {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 15px;
        }

        

        #produtos .h1Cima{
            margin-top: 10px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato h1{
            font-size: 25px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }

      

        .containerSocial{
            max-width: 300px;
            padding: 0;
        }


    }

    @media(min-width: 321px) and (max-width: 359px){   

       

        #informacoes .contInfo {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 15px;
        }

        #produtos .h1Cima{
            margin-top: 10px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato h1{
            font-size: 28.7px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
            
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }

       

        .containerSocial{
            max-width: 300px;
            padding: 0;
        }
    }

    @media(min-width: 376px) and (max-width: 384px){

      
        #informacoes .contInfo {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 15px;
        }

        #produtos .h1Cima{
            margin-top: 10px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato h1{
            font-size: 30.3px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }

      

        .containerSocial{
            max-width: 300px;
            padding: 0;
        }
    }

    @media(min-width: 360px) and (max-width: 375px){

    
        #informacoes .contInfo {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 15px;
        }

        #produtos .h1Cima{
            margin-top: 10px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato h1{
            font-size: 28.7px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }

        .containerSocial{
            max-width: 300px;
            padding: 0;
        }

   
        
    }

    @media(min-width: 385px) and (max-width: 414px){
        


        #informacoes .contInfo {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 15px;
        }

        #produtos .h1Cima{
            margin-top: 10px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato h1{
            font-size: 31px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }


        .containerSocial{
            max-width: 300px;
            padding: 0;
        }
    }

    @media(min-width: 415px) and (max-width: 440px){
        

    
        #informacoes .contInfo {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 15px;
        }

        #produtos .h1Cima{
            margin-top: 10px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato h1{
            font-size: 33.8px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }

   

        .containerSocial{
            max-width: 300px;
            padding: 0;
        }
    }

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

  
        #informacoes .contInfo {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 15px;
        }

        #produtos .h1Cima{
            margin-top: 10px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato h1{
            font-size: 36.4px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }

 

        .containerSocial{
            max-width: 300px;
            padding: 0;
        }
    }

    @media(min-width: 501px) and (max-width: 550px){
       


        #informacoes .contInfo {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 15px;
        }

        #produtos .h1Cima{
            margin-top: 10px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato h1{
            font-size: 41.6px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }


        .containerSocial{
            max-width: 300px;
            padding: 0;
        }
    }

    @media(min-width: 551px) and (max-width: 599px){
        

        #informacoes .contInfo {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 15px;
        }

        #produtos .h1Cima{
            margin-top: 10px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato h1{
            font-size: 46.5px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }

   
        .containerSocial{
            max-width: 300px;
            padding: 0;
        }
    }


    @media(min-width: 600px) and (max-width: 650px){
        

        

        #informacoes .contInfo {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 15px;
        }

        #produtos .h1Cima{
            margin-top: 10px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato h1{
            font-size: 50.9px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }



        .containerSocial{
            max-width: 300px;
            padding: 0;
        }
    }

    @media(min-width: 651px) and (max-width: 708px){


        #informacoes .contInfo {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 15px;
        }

        #produtos .h1Cima{
            margin-top: 10px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato h1{
            font-size: 55.9px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }


        .containerSocial{
            max-width: 300px;
            padding: 0;
        }
    }

    @media(min-width: 728px) and (max-width: 800px){
        label[for="bt_menu"] {
            display: block;
            margin-left: 92%;
            margin-top: 31px;
        }
    }

    @media(min-width: 709px) and (max-width: 727px){


        #informacoes .contInfo {
            width: 23%;
            margin-left: 12px;
            margin-bottom: 15px;
        }

        #produtos .h1Cima{
            margin-top: 10px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato h1{
            font-size: 60.9px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }

   

        .containerSocial{
            max-width: 300px;
            padding: 0;
        }
    }

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

   

        #informacoes .contInfo {
            width: 23%;
            margin-left: 10px;
            margin-bottom: 15px;
        }

        #produtos .h1Cima{
            margin-top: 50px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato .maps {
            padding: 0px 30px 0px 0px;
        }

        #contato h1{
            font-size: 31px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }


        .containerSocial{
            max-width: 300px;
            padding: 0;
        }
    }

    @media(min-width: 769px) and (max-width: 800px){


        #informacoes .contInfo {
            width: 23%;
            margin-left: 14px;
            margin-bottom: 15px;
        }

        #produtos .h1Cima{
            margin-top: 50px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato .maps {
            padding: 0px 30px 0px 0px;
        }

        #contato h1{
            font-size: 32.9px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }

  
        .containerSocial{
            max-width: 300px;
            padding: 0;
        }
    }

    @media(min-width: 801px) and (max-width: 958px){
        #informacoes .contInfo {
            width: 23%;
            margin-left: 14px;
            margin-bottom: 15px;
        }

        #produtos .h1Cima{
            margin-top: 50px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato .maps {
            padding: 0px 30px 0px 0px;
        }

        #contato h1{
            font-size: 28.7px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }


        .containerSocial{
            max-width: 300px;
            padding: 0;
        }


    }

    @media(min-width: 959px) and (max-width: 1169px){

        #informacoes .contInfo {
            width: 23%;
            margin-left: 14px;
            margin-bottom: 15px;
        }


        #produtos .h1Cima{
            margin-top: 50px;
            text-align: left;
        }

        #produtos .baixo{
            padding: 0 0px;
        }

        #contato .maps {
            padding: 0px 30px 0px 0px;
        }

        #contato h1{
            font-size: 41.7px;
        }

        #contato .form-control {
            width: 100%;
        }

        #contato .form-control2{
            width: 100%;
        }

        #contato .btn2 {
            width: 100%;
        }

        #sociais img{
            height: 90px;
        }

        #sociais .contSocial{
            width: 33%;
        }

 
        .containerSocial{
            max-width: 300px;
            padding: 0;
        }
    }

    @media(min-width: 1659px) and (max-width: 2200px){ 
        #sobre {
            height: 800px;
            padding-top: 333px;
        }
    }

    @media(min-width: 2201px) and (max-width: 2925px){ 
        #sobre {
            height: 1000px;
            padding-top: 437px;
        }
    }

    @media(min-width: 2926px) and (max-width: 3525px){ 
        #sobre {
            height: 1400px;
            padding-top: 605px;
        }
    }

    @media(min-width: 3526px) { 
        #sobre {
            height: 1800px;
            padding-top: 763px;
        }
    }