/* IMPORT THE FRAMEWORK */
/* /////////////// VARIABLES /////////////// */
/* COLOUR PALETTE */
/* PRIMARY NAV */
/* LINKS */
/* /////////////// MIXIN FUNCTIONS /////////////// */
/*  LINEAR GRADIENTS  */
/*  BREAKPOINTS  */
/*  VISUAL STYLES  */
/*  LAYOUT FRAMEWORK  */
.hero {
  position: relative; }

/*  COLUMN FRAMEWORK  */
.contact-info:before, .our-details dl:before, .contact-info:after, .our-details dl:after {
  content: "";
  display: table; }
.contact-info:after, .our-details dl:after {
  clear: both; }

/* LOOP TO CREATE A CLASS FOR EACH COLUMN WIDTH */
/* --------------------------------- */
/* /////// SITE SPECIFIC STYLES //// */
/* --------------------------------- */
.our-details h1, .our-details dt {
  text-transform: uppercase; }

/* BUTTON */
/* CONTENT */
.our-details h1 {
  color: #00b5dc;
  font-size: 1.4em;
  margin-bottom: 0.5em; }

.our-details a {
  color: #0080c6; }
  .our-details a:hover {
    color: #00a1f9; }
  .our-details a:active {
    color: #005f93; }

/* SITE SPECIFIC */
/* FORMS */
/* --------------------------------- */
/* /////// END SITE STYLES ///////// */
/* --------------------------------- */
/* HERO */
.hero {
  width: 100%;
  height: 300px;
  margin-bottom: 3em;
  overflow: hidden; }
  .hero img {
    display: inline-block;
    width: 1200px; }

/* CONTACT INFO */
.contact-form {
  width: 45%;
  float: left;
  margin-right: 5%; }

.our-details {
  width: 45%;
  float: left;
  margin-left: 5%; }
  .our-details dl {
    margin: 1.5em 0; }
  .our-details dt {
    font-size: 1.2em;
    color: #bbb; }
  .our-details dd {
    margin-bottom: 1.5em; }

/* MEDIA QUERIES */
@media screen and (max-width: 768px) {
  .hero {
    height: 180px;
    margin-bottom: 1.5em; }
    .hero img {
      width: 100%;
      height: auto; } }
@media screen and (max-width: 736px) {
  .hero {
    height: 120px;
    margin-bottom: 1.5em; }
    .hero img {
      width: 100%;
      height: auto; }

  .contact-form {
    width: 100%;
    margin-right: 0%; }

  .our-details {
    width: 100%;
    margin-left: 0%; } }