/* IMPORT THE FRAMEWORK */
/* /////////////// MIXIN FUNCTIONS /////////////// */
/*  LINEAR GRADIENTS  */
/*  BREAKPOINTS  */
/*  VISUAL STYLES  */
/*  LAYOUT FRAMEWORK  */
.about-wrapper {
  width: 1200px;
  margin: 0 auto;
  text-align: left;
}

@media screen and (max-width: 1319px) {
  .about-wrapper {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
}

.about-text, .about-image, .about-image img {
  display: block;
}

.about-text, .about-image {
  box-sizing: border-box;
}

.about-wrapper {
  clear: both;
}

.about-wrapper:after {
  display: table;
  content: '';
  clear: both;
}

/*  COLUMN FRAMEWORK  */
.about-text, .about-image {
  float: left;
}

/* LOOP TO CREATE A CLASS FOR EACH COLUMN WIDTH */
.about-text, .about-image {
  width: 49%;
  margin-right: 2%;
}

.about-text:nth-of-type(2n), .about-image:nth-of-type(2n) {
  margin-right: 0;
}

.about-text:nth-of-type(2n+1), .about-image:nth-of-type(2n+1) {
  clear: both;
}

/* --------------------------------- */
/* /////// SITE SPECIFIC STYLES //// */
/* --------------------------------- */
/* --------------------------------- */
/* /////// END SITE STYLES ///////// */
/* --------------------------------- */
/* ABOUT */
.about-wrapper {
  margin-bottom: 3em;
}

.about-image img {
  width: 100%;
  height: auto;
}

/* MEDIA QUERIES */
@media screen and (max-width: 700px) {
  .about-text, .about-image {
    width: 100%;
    margin: 0;
  }
}