body {
    
    display: -ms-grid;
    
    display: grid;
    background: -webkit-gradient(linear,left top, left bottom,from(rgba(73, 72, 72, 0.6)),to(rgba(19, 14, 14, 0.9))),url("contact.jpg");
    background: -o-linear-gradient(rgba(73, 72, 72, 0.6),rgba(19, 14, 14, 0.9)),url("contact.jpg");
    background: linear-gradient(rgba(73, 72, 72, 0.6),rgba(19, 14, 14, 0.9)),url("contact.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }


.navheads {
  position: relative;
}

  .navheads h2{
      margin:0;
      text-align: center;
      text-decoration: underline;
      text-underline-position: under;
      color: rgb(238, 235, 235);
      letter-spacing: 2px;
      margin:0;
      margin-bottom: 1.5vh;
      margin-top: 1vh;
        
    }

    #contact-section .cont-contain p{
      text-align: center; 
      width: 70%; 
      margin-left: auto;
       margin-right: auto; 
       color: #fff;
       letter-spacing:3px;
       padding-bottom: 5vh;

    }

    .contact-form i.fa{
      font-size: 3vmin; 
      padding: 3%;
      background-color: none;
      border-radius: 80%;
      margin: 2%;
      cursor: pointer;
      /* border:2px solid rgb(190, 190, 190); */
      color: rgb(190, 190, 190);
 }
    
    .contact-form i.fa:hover{
      cursor: pointer;
      border:2px solid white;
      color: white;
    }
     
      .contact-form{
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
         }
      
      .form-info{
        font-size: 3vmin;
        font-style: italic;
        color: white;
        letter-spacing: 2px;
      }
form {
    font-size:2vmin;
}
      input{
        font-size:2.5vmin;
        padding: 10px;
        margin:10px;
        width: 70%;
        background-color:rgba(136, 133, 133, 0.5);
        color: white;
        border: none;
        outline:none;
      }

      label {

        color:white;
      }
      [type="checkbox"]
      {
        width:auto;
        float: left;

      }
      input::-webkit-input-placeholder {
        color: white;
      }
      input::-moz-placeholder {
        color: white;
      }
      input:-ms-input-placeholder {
        color: white;
      }
      input::-ms-input-placeholder {
        color: white;
      }
      input::placeholder {
        color: white;
      }
    
      input:focus::-webkit-input-placeholder {
        color: transparent;
      }
    
      input:focus::-moz-placeholder {
        color: transparent;
      }
    
      input:focus:-ms-input-placeholder {
        color: transparent;
      }
    
      input:focus::-ms-input-placeholder {
        color: transparent;
      }
    
      input:focus::placeholder {
        color: transparent;
      }

    textarea{
      font-size:2.5vmin;
      padding: 10px;
      margin: 10px;     
      width: 70%;
      background-color:rgba(136, 133, 133, 0.5);
      color: white;
      border: none;
      outline:none;
     }
     textarea::-webkit-input-placeholder{
       color: white;
      }
     textarea::-moz-placeholder{
       color: white;
      }
     textarea:-ms-input-placeholder{
       color: white;
      }
     textarea::-ms-input-placeholder{
       color: white;
      }
     textarea::placeholder{
       color: white;
      }
     
     textarea:focus::-webkit-input-placeholder {
        color: transparent;
      }
     
     textarea:focus::-moz-placeholder {
        color: transparent;
      }
     
     textarea:focus:-ms-input-placeholder {
        color: transparent;
      }
     
     textarea:focus::-ms-input-placeholder {
        color: transparent;
      }
     
     textarea:focus::placeholder {
        color: transparent;
      }

.message::-webkit-input-placeholder{
        font-size:2.5vmin;
      }

.message::-moz-placeholder{
        font-size:2.5vmin;
      }

.message:-ms-input-placeholder{
        font-size:2.5vmin;
      }

.message::-ms-input-placeholder{
        font-size:2.5vmin;
      }

.message::placeholder{
        font-size:2.5vmin;
      }
    
      .submit{
      width: 40%;
      font-size:2.5vmin;
      background: none;
      padding: 4px;
      outline: none;

      font-weight: bold;
      letter-spacing: 2px;
      height: 33px;
      text-align: center;
      cursor: pointer;
      letter-spacing: 2px;
      margin-left: 3%;
      border:2px solid rgb(190, 190, 190);
      color: rgb(190, 190, 190);
     }

     .submit:hover{
           border: 1px solid #fff;
      color: #fff;
      cursor: pointer;
     }

        /* media queries */
    @media (max-width: 768px){

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

        width: 60%;
      }

  }