.form-Container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 75vh;  /*vh stands for viewport height */
  background-color:turquoise;
  
  /*width:100%;*/
 /* border: 5px solid black;*/
  margin:10px;
  
}

   form {
 /* width: 55%;  adjust this value to control the form's width*/
  
  font-size:25px;
  border: 5px solid red;
  margin:10px;
  padding:25px;
}


 #bigger{
  
  padding:10px 20px 10px 20px;
  font-size:20px;
  
  
  
  
}


#message{
  
  
  
  font-size:20px;
}


@media ( min-width: 900px){


 input{
   
   
   font-size:25px;
 }
  form {
    
    border: 2px solid black;
    
  }
 

}

/*

#email{
  
 width:50%
 
  
}

label{
  font-size:50px;
  
  background:red;
}

#subject{
  
  font-size:30px;
}
  
  #bigger{
  width:75%;
  font-size:30px;
  
  
  
}

#name{
  
  
  font-size:30px;
}
  
  
  #email{
  
  
  font-size:30px;
}
  #subject{
  
  
  font-size:30px;
}
  #message{
  
  
  font-size:30px;
}
  #name{
  
  
  font-size:30px;
}


@media (max-width: 950px){
  
  
  .form-Container {
    
    justify-content:flex-start ;
  align-items: flex-start;
    
   width:50%;

    
  }
  
  
  
 
 #bigger{
   
   width:50%;
  
 }
  form{
    
    width:250%;
  }
}

  @media (max-width: 450px){
  
    form:{
      
      
      margin:0;
      padding:0;
    }
    
    
    
    
  }
  
@media all and (max-width: 950px){
  
  
  
  .form-container{
    
    
    
    height:100%;
  }
  
  
  form{
    
    
    width:75%;
    
    
    font-size:60px;
    background:blue;
  }
    
   label{
     
     font-size:20px;
     
     
   }
    
  }
  */