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

/*  COLUMN FRAMEWORK  */
.testimonial:before, .testimonial:after {
  content: "";
  display: table; }
.testimonial:after {
  clear: both; }

/* LOOP TO CREATE A CLASS FOR EACH COLUMN WIDTH */
/* --------------------------------- */
/* /////// SITE SPECIFIC STYLES //// */
/* --------------------------------- */
/* BUTTON */
/* CONTENT */
/* SITE SPECIFIC */
/* FORMS */
/* --------------------------------- */
/* /////// END SITE STYLES ///////// */
/* --------------------------------- */
/* HERO */
.hero {
  width: 100%;
  height: 300px;
  margin-bottom: 3em;
  overflow: hidden; }
  .hero img {
    display: inline-block;
    width: 1200px; }

/* TESTIMONIALS */
.testimonial {
  margin: 1.5em 0;
  padding: 1.5em;
  border-top: 1px solid #3F3F3F; }
  .testimonial h1 {
    padding-top: 2%; }

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

  .testimonial {
    margin: 0;
    padding: 10px; } }