input[type=text], select, textarea 
 {
  width: 100%;
  padding: 12px; 
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box; 
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical
}

input[type=submit] 
{
  background-color: var(--contact-input-bg);
  color: var(--contact-input-col);
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover 
{
  background-color: var(--contact-input-hover-bg);
}

textarea
{
  height: 200px;
}

.container 
{
  border-radius: 5px;
  background-color: var(--contact-container-bg);
  padding: 20px;
  width: 90%;
  margin: auto;
}

.context
{
  color: var(--contact-context-col);
  font-size: 30px;
  padding: 30px 0;
  text-align: center;
}

@media only screen and (max-device-width: 600px)  
{

  input, select, textarea
  {
    font-size: 17px;
  }

  label
  {
    font-size: 20px;
  }

}