/* stylesheet for contact.php */

a, a:visited, a:hover
{
  text-decoration: none;
  color: #06c;
  background: #f0f8ff;
}
div.contact1
{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 40px 0;
}
div.ctlist
{
  flex-basis: 400px;
  flex-grow: 1;
  margin: 0 10px 0 0;
  min-width: 250px;
}
div.towers
{
  flex-basis: 300px;
  flex-shrink: 2;
  flex-grow: 1;
  margin: 20px 0 0 0;
  border: 1px solid #cbb;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 5px 5px 5px #dcb, -2px -2px 5px #dcb;
}
div.postal
{
  display: inline-block;
  width: max-content;
  min-width: 15%;
  white-space: pre;
  margin: 10px 10px 10px 0;
  clear: right;
  vertical-align: top;
}@media screen and (max-width: 600px)

{
  div.towers { width: 90%; width: calc(100% - 40px) }
  div.ctlist { width: 95% }
  div.postal { display: block; width: 60%; margin: 10px auto 0; }
}


div.contactpage 
{ 
  margin: 0 auto; 
  width: 95%; 
  width: calc(100% - 40px); 
  max-width: 900px 
}

div.ctlist ul { list-style: none; margin: 10px 0 10px 0  }
img.tykestowers { vertical-align: middle }
img.envelope { float: right; max-width: 20% }

@media screen and (max-width: 500px)
{
  div.contactpage { width: 100% }
  div.ctlist ul { padding: 0 }

}