.body{
    padding: 0px;
    margin: 0px;  
    font-family: sans-serif;
  
   }   


 .contenedor{
      width: 100%;
      margin-top: 86px;
      overflow: hidden;
    }
    /* contact form css */ 


    #contact-section{
      background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.6)),url(../images/contacto.png);
      background-size: cover;
      background-position: center;
      height: 100%;
      width: 100% ;

    }     
    .iconoContacto{
      color: #5AB1CF;
    }

    #contact-section .contenedor h2{
      text-align: center;
      text-decoration: underline;
      text-decoration-color: #41A48F;
      text-underline-position: under;
      color: white;
      padding: 10px;
     }


    #contact-section .contenedor p{
      text-align: left; 
      width: 70%; 
      margin-left: auto;
      margin-right: auto; 
      padding-bottom: 3%;
      color: white;
       
    }

    .contact-form i.fa{
      color: white; 
      /* color: #fff; */
      font-size: 16px; 
      padding: 3%;
      background-color: none;
      border-radius: 80%;
      margin: 2%;
      /* border: 2px solid #fff; */
      cursor: pointer;
      border:2px solid white;
     
    }
    
    .contact-form i.fa:hover{
      cursor: pointer;
      border:2px solid #c90803;
      color: white;
    }
     
      .contact-form{
        display: grid;
        grid-template-columns: auto auto;
         }
      
      .form-info{
        font-size: 18px;
        font-style: sans-serif;
        color: white;
       
      }
      input{
        padding: 10px;
        margin:10px;
        width: 70%;
        background-color:rgba(136, 133, 133, 0.5);
        color: white;
        border: none;
        outline:none;
      }

      input::placeholder{
        color: white;
      }
    
      textarea{
      padding: 10px;
      margin: 10px;     
      width: 70%;
      background-color:rgba(136, 133, 133, 0.5);
      color: white;
      border: none;
      outline:none;
     }
     textarea::placeholder{
       color:white;
      }
     
   
        /* media queries */
    @media (max-width: 768px){

         #contact-section .contact-form{
              display: block;
              width: 100%;
              text-align: center;
        }
         #contact-section .submit{

                width: 60%;
        }

  }