@font-face {
  font-family: 'Roboto';
  src: url('/Webfonts/RobotoBlack.woff2') format('woff2'), url('/Webfonts/RobotoBlack.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/Webfonts/RobotoBold.woff2') format('woff2'), url('/Webfonts/RobotoBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/Webfonts/RobotoMed.woff2') format('woff2'), url('/Webfonts/RobotoMed.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('/Webfonts/RobotoReg.woff2') format('woff2'), url('/Webfonts/RobotoReg.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* Sizing */
/* For use when backgrounds or borders must be constrained to the elements width */
/* For use when backgrounds or borders must span the entire element - including padding */
html.contact .leftPane {
  margin-bottom: 2em;
}
html.contact .rightPane {
  border-top: 1px solid #959595;
  padding-top: 2em;
}
html.contact #mapFrame {
  margin-bottom: 2em;
}
html.contact #mapInner {
  height: 225px;
}
html.contact #contactDetails a {
  color: #959595;
  text-decoration: none;
}
html.contact #contactDetails a:hover {
  text-decoration: underline;
}
@media (min-width: 1000px) {
  html.contact .leftPane {
    float: left;
    width: 48%;
  }
  html.contact .rightPane {
    float: right;
    width: 48%;
    padding-top: 0;
    border-top: none;
  }
}