/* CSS stylesheet for contact page */


div.contactform
{
  background: var(--accentbg);
  padding: 10px;
}

div.location
{
  width: max-content;
  height: max-content;
  background: white;
  color: #666;
  padding: 20px;
  margin: 20px;
}

div.contact
{
  display: grid;
  grid-template-columns: 2fr 1fr;
}

form.datarec_form.mail
{
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

@media (max-width: 900px)
{
  div.contact { grid-template-columns: 1fr; }
}

@media (max-width: 500px)
{
  div.contactform 
  { 
    min-width: initial;
    max-width: 95%;
  }
  div.location
  {
    margin: 5px;
    padding: 5px;
    width: initial;
  }
  form.datarec_form.mail div.form_input_pair
  {
    display: block;
  }
}