body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    }
    
    ul {
    padding: 0%!important;
    }
    
    .menu-principal {
    width: 100%;
    background-color: #727272;
    height: 80px;
    display: flex;
        
    }   
    
    main, .content {
    margin: 0 auto;
    width: 980px;
    position: relative;
    
    }
    
    .logo {
    float: left;
    padding:6px;   
    width: 70%;
    display: flex;
    }
    
    .rede-sociais ul li{
        display: inline-block;
        width: 10%;
        list-style: none;
        margin-left: 25px;
    }
    
    .rede-sociais {
        width: 20%;
        float: inline-end;
        padding: 7px;
        
    }
    
    .header-2 {
    background-color: #ffffff;
    width: 980px;
    margin: 0 auto;
    padding: 10px;
    }
    .col-100 menu-urls{
    border-bottom: 3px solid #ffffff;
    height: 80px;
    
    }
    .menu ul li{
    display: inline-block;
    color: #353695;
    margin-left: 14px;
    height: 20px;
    }
    
    .menu ul li:hover{
        border-bottom: 1px solid #f0a42a ;
      
    }
    
    .menu ul li a:hover {
        color: #f0a42a;
    }
    
    .menu ul li a {
    color: #353695;
    text-decoration: none;
    font-size: 18px;
    font-family: open sans-serif;
    }
    
    .col-100 {
        width: 100%;
        float: left;
        position: relative;
        display: flex;    
    }
    .conteiner{
        width:82%;
        height: 75%;
        display: flex;
        padding: 0%;
        box-shadow:  10px 10px 30px rgb( .212, .212, .212, .212);
        font-family: open sans-serif;
        margin: 0 auto;
    }

    .form-header h1{
    display: flex;
    text-transform: uppercase; 
    color: #353695;
    font-size: 33px;
    text-align: center;
    width: 85%;
   
    
    
}
    
    .form-image{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color:#F0AA48;
        padding: 1rem;     
        
    }
    
    .form-image img {

        width: 100%;
    }

    .form {

    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    background-color: #ffffff;
    padding: 1%;
    }

   
  
    .button-enviar{
        display: flex;
        align-items: center;
        width: 92%;
        padding: 2%;
        
        }

    .button-enviar button {
        width: 100%;
        border: none;
        background-color: #353695;
        padding:0.4rem 1rem;
        border-radius: 5px;
        cursor: pointer;
        margin-top: 1%;

        }

    
    
    .button-enviar button:hover{
        background-color: #f1a42a;
    
        }

    
    .button-enviar button a{
        text-decoration:none;
        font-weight: 500;
        color: #ffffff;
    
    }

    .imput-group{
        padding: 10%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 15px;
    }
    .imput-group-2{
        display:flex;
        flex-direction: column;
        width: 92%;
        height: 10%;
        padding: 2%;       
       
        
     
    }

    .imput-box{
        display: flex;
        flex-direction: column;
        margin-bottom: 2%;
    }

    .imput-box input{
        margin: 0.6rem 0;
        padding: 0.5rem 1.2rem;
       
        border-radius: 10px;
        box-shadow: 1px 1px 6px #0000001c;
    }

    
    .content {
        display: flex;
        

    }

    .col-4 {
        float: left;
        width: 33%;
       
        
    }
    
    .footer{
    background-image: url('../img/footer.png');
    color: #ffffff;
    margin-top: 50px;
    }
    .logo2 { 
        padding: 2%;
        display:flex;
        align-items: center;
    }
        
    .mapa {    
        padding: 8%;    
    }
    .footer h3 {
        text-align: left;
        
    }
    .footer-2 p { 
        text-align: center;
    }
    .footer p {
        text-align: left;
        padding:1px;
        font-size: 15px;
    }
    
    .local:before,.telefone:before,.email:before {
    content: '';
    width:  20px;
    height: 30px;
    display:flex;
    float: left;
    background-repeat: no-repeat;
    padding-left: 5px;
    
    }
    
    .local:before {
        background-image: url('../img/localização.png');
    }  
    .email:before {
        background-image: url('../img/email.png');
    }  
    .telefone:before {
        background-image: url('../img/telefone.png');
    }  
        
    .footer-2 {
        background-image: url('../img/footer2.png');
        color: #c1c1c1;
        text-align: center;
    }
        
@media screen and (max-width: 1360px ) {

 .form-image,.rede-sociais {
    display: none;
 }
    
 .container{
    width:70%;
    height:30%;
 }

 .form {
    width: 90%;
 }
 .header-1{
    
    width:70%;    

 }
 
    
 
}
@media screen and (max-width: 1064px ) {

   
    .logo{
        flex-direction: column;
        align-items: center;
        width: 140%;
    }
    .container{
       width:90% ;
       height: auto;
    } /* formulário*/
    .imput-group{
        flex-direction: column ;
        height: auto;
        padding-right: 0,5%;
        overflow-y: scroll;
        flex-wrap: nowrap;
        max-height: 10%;
     }/* formulário*/
    
     .content{
        flex-direction: column ;
        align-items: center;
        
     }
     
    }
    @media screen and (max-width: 480px ) {

         
        .form {
            width: 100%;
         }    /* formulário*/

        .container{
           width:100% ;
           height: 30%;
        }    /* formulário*/

        .imput-group{
            flex-direction: row ;
            height: auto;
            padding-right: 0,5%;
         }    /* formulário*/

         
         
        }