.quickform{
    width:90%;
    margin-left:5%;
    margin-right:5%;
    background:black;
       
    border-radius:3px;
    padding:0px 5px;
    opacity:0.8;
    }
  

    
    #name1{
    padding: 10px 15px;
    width: 25%;
    margin: 1px 5px;
    border-radius: 5px;
    border: 1px solid #D1D5DB;
        
    }
    #email1{
     padding: 10px 15px;
    width: 25%;
    margin: 1px 5px;
    border-radius: 5px;
    border: 1px solid #D1D5DB;
    }
    #phon1{
     padding: 10px 15px;
    width: 25%;
    margin: 1px 5px;
    border-radius: 5px;
    border: 1px solid #D1D5DB;
    }
    #comment1{
      padding: 10px 15px;
    width: 25%;
    margin: 1px 5px;
    border-radius: 5px;
    border: 1px solid #D1D5DB;
    }
    #submit1{
        width:120px;
        background:#f47905;
        color:white;
        border:none;
        margin:10px;
        height:40px;
        text-align:center;
        margin:5px;
        border-radius:3px;
        opacity:1;
    }
    
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: .8; /* Firefox */
  font-weight: bold;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#000;
  font-weight: bold;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#000;
  font-weight: bold;
}

    #name2{
        
        padding:6px;
        width:90%;
        margin-left:5%;
        margin-right:5%;
        margin-top:10px;
        border-radius:4px;
        display:block;
        
    }
    #email2{
        
        padding:6px;
        width:90%;
        margin-left:5%;
        margin-right:5%;
        margin-top:10px;
        border-radius:4px;
        display:block;
    }
    #phon2{
        
        padding:6px;
        width:90%;
        margin-left:5%;
        margin-right:5%;
        margin-top:10px;
        border-radius:4px;
        display:block;
    }
    #comment2{
        padding:6px;
        width:90%;
        margin-left:5%;
        margin-right:5%;
        margin-top:10px;
        border-radius:4px;
        display:block;
    }
    #submit2{
      
        background:#f47905;
        color:white;
        border:none;
        text-align:center;
        padding:6px;
        width:90%;
        margin-left:5%;
        margin-right:5%;
        margin-top:10px;
        border-radius:4px;
        display:block;
        opacity:1;
    }

 @media screen and (max-width: 850px) {
     
     .quickform{
    position:relative;
    top:10px;
    
        
    }
    
    #name1{
        padding:10px;
        width:85%;
        margin:10px;
        border-radius:3px;
        
    }
    #email1{
        padding:10px;
        width:85%;
        margin:10px;
        border-radius:3px;
        
    }
    
    #phon1{
        
        width:85%;
        padding:10px;
        margin:10px;
        border-radius:3px;
    }
    #comment1{
        width:85%;
        padding:10px;
        margin:10px;
        border-radius:3px;
    }
    #submit1{
        width:170px;
        background:#ff0000;
        color:white;
        border:none;
        margin:10px;
        height:40px;
        text-align:center;
        margin:5px;
        border-radius:3px;
    }
        
    
  }    
    
  

 @media screen and (max-width: 600px) {
     
     .quickform{
        
    position:relative;
        
        
    }
    
    #name1{
        
        padding:7px;
        width:95%;
        margin:2px;
        border-radius:3px;
        
    }
    #email1{
        padding:7px;
        width:95%;
        margin:3px;
        border-radius:3px;
        
    }
    
    #phon1{
        
        width:95%;
        padding:7px;
        margin:3px;
        border-radius:3px;
    }
    #comment1{
        width:95%;
        padding:7px;
        margin:3px;
        border-radius:3px;
    }
    #submit1{
        width:150px;
        background:#ff0000;
        color:white;
        border:none;
        margin:10px;
        height:40px;
        text-align:center;
        margin:5px;
        border-radius:3px;
    }
        
    
  }