.watts{
    height: 50px;
    right: 10px;
    bottom: 10px;
    z-index:100;
    position: fixed;
}

.contato{
    width: 98%;
    height: 380px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border: solid gray 2px;
    border-radius: 15px;
    background-color: rgb(252, 252, 249);
    padding: 5px;
}

.painel-left{
    float:left ;
    width: 46%;
    height: 320px;
    margin-top: 1rem;
    margin-left: 0.5%;
    border:solid gray 2px;
    border-radius:15px;
    padding: 15px;
}

.painel-right{
    float:  right ;
    width: 46%;
    height: 320px;
    margin-top: 1rem;
    margin-left: 0.5%;
    border:solid gray 2px;
    border-radius:15px;
    padding: 15px;
    /* background-color: indigo; */
}

.painel-right h1{
    color: white;
    font-weight: 200;
    margin-top: 5px;
    padding: 10px;
}

.painel-right h2{
    color: white;font-weight: 200;margin-top: 6px;padding: 5px 20px 4px 20px;
}

.painel-right h3{
    color: white;
    font-weight: 200;
    margin-top: 6px;
    padding: 3px 2px 3px 20px;
}

.painel-right h4{
    color: white;
    font-weight: 200;
    margin-top: 10px;
    padding: 3px 2px 3px 20px;
}

.forms-pacote{
    height: 275px;
    padding: 2rem;
    border:.1rem solid #00154c;
    border-radius: .3rem;
    background-color: #eee;
}

.forms-pacote-address{
    background:rgb(1, 59, 59) ;
    background-color: #032c61;
}

.forms-pacote-input{
    /* background-color: darkred; */
    height: 200px;
    padding: 10px;
}

.forms-pacote-linha{
   display: flex;
   margin: 3px;
   padding: 10px;
   /* background-color: lightseagreen; */
}

.show-btns-wrapper{
    display: flex;
    padding: 1rem;
}

.show-form-btn{
    flex: 0 1 50%;
    background-color: #12376e;
    font-size: 1.5rem;
    color:#fff;
    padding: 1rem;
    text-transform: uppercase;
    letter-spacing: .2rem;
    text-align: center;
    border: .1rem solid #eee;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

.forms-heading{
    font-size: 2rem;
    color:#12376e;
    text-transform: uppercase;
    padding: 1rem 0 0 .2rem;
}

.forms-wrapper form{
    width: 40rem;
    padding: 1rem;
    background: rgb(211, 208, 208);
    margin-left: auto;
    margin-right: auto;
}

.forms-wrapper form input:not(.form-btn){
    background-color: #fff;
    color:#777;
    padding: 1.3rem;
    margin: .3rem 0;
    border:.2rem solid rgb(168, 166, 166);
    box-sizing:border-box; 
    outline: none;
    background: transparent;
 
}

.form-input{
    width: 100%;
    margin-top: 5px;
}

.form-btn{
    width: 35%;
    background-color: #d38800;
    color:#fff;
    letter-spacing: .3rem;
    padding: 1rem;
    border: none;
    margin-top:.5rem;
}

.x-btn{
    font-size: 2rem;
    color: #00154c;
    font-weight: bolder;
    position: absolute;
    bottom: 2.3rem;
    right: 1.5rem;
    cursor: pointer;
}

.name{
    margin-left: 5px;
}

.long{
    width: 82.5%;
    margin-left: 1.5%;
}

.fone{
    margin-left: 2rem;
}

.fone h3:last-child{
    color:red;
}
.fomulario{
    visibility: hidden;
}

.menu-hamburger{
    visibility: visible;
}

.corpo{
    visibility: visible;
}

@media(max-width:2200px){
    .menu-hamburger{
       visibility: hidden;
    }

    .formulario{
        visibility: hidden;
    }

    .corpo{
        display: block;
        visibility: visible;
    }
}

@media(max-width:1800px){
    .menu-hamburger{
       visibility: hidden;
    }

    .formulario{
        visibility: hidden;
    }

    .corpo{
        display: block;
        visibility: visible;
    }
}

@media(max-width:1200px){
    .menu-hamburger{
       visibility: hidden;
    }

    .formulario{
        visibility: hidden;
    }

    .corpo{
        display: block;
        visibility: visible;
    }
}

@media(max-width:900px){
    .menu-hamburger{
        display:flex;
       visibility: hidden;
    }

    .formulario{
        visibility: hidden;
    }

    .corpo{
        display: block;
        visibility: visible;
    }
}
    
@media(max-width:600px){
   
    .corpo{
        display: none;
        visibility: hidden;
    }

    .menu-hamburger{
        display: flex;
        visibility: visible;
     
    }

    .formulario{
        display: flex;
        visibility: visible;
    }

    .formulario{
        display: grid;
        grid-template-columns: auto;
        margin-left: 3px;
        margin-right: 3px;
        height: 420px;
        border: solid gray 2px;
        border-radius: 15px;
        margin-top: 7.3rem;
        background-color: transparent;
    }

    .formulario:nth-child(2){
        height: 280px;
        margin-top: 1.5rem;
        padding-top: 15px;
        background: #032c61;
    }
    .caixa{
        display: grid;
        grid-template-columns: auto;
        height: 380px;
        margin: 10px 4px 4px 4px;
        padding-top:15px;
        border-radius: 10px; 
        background-color: rgb(245, 247, 247);
    }

    .caixa-row{
        width: 90%;
        height: 50px;
        margin:auto;
        background-color:transparent;
        margin-top: 2px;
        border-radius: 5px;
        padding: 5px 2px 15px 2px;
    }

    .caixa:nth-child(2){
        margin-top:0px;
        background-color:white;
    }

    .caixa-row label{
        margin-left:5px;
        margin-top: 3px;
    }

    .caixa-row input{
        width: 90%;
        text-align: center;
        font-size: 2rem;
        color: green;
        padding: 10px;
        border-top:solid white 0px;
        border-bottom: solid gray 1px;
    }

    .caixa-row-btn{
        width: 100%;
        margin:auto;
        padding: 10px;
        color: violet;
        text-align: center;
        position: absolute;
        top:50%;
        left:50%;
        transform: translateX(-50%, -50%);
    }

   .caixa-row:nth-child(5){
        text-align: center;
        padding-top: 15px;
    }

     .formulario h1,h2,h3{
         color: white;
         margin-left: 10px;
         padding: 2px;
     }

     
}