/* @less partials */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* @group GN Additions */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
/* @group Greys */
/* @end */
section {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.insetbgpicbox,
.insetYouTube {
  width: 100%;
  height: 100%;
}
.sectionBreak {
  height: 1px;
  margin: 0px auto;
  width: 45%;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), color-stop(0.5, #ccc), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #ccc, rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #ccc, rgba(0, 0, 0, 0));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #ccc, rgba(0, 0, 0, 0));
  background: linear-gradient(left, rgba(0, 0, 0, 0), #ccc, rgba(0, 0, 0, 0));
  border: 0;
  position: relative;
  margin-top: -1px;
  z-index: 9;
}
.ProjectSectionBreak {
  height: 6px;
  margin-top: -1px;
  background: radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  background: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .sectionBreak {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 45%;
  }
}
/* @group Section Spacing */
.SectionSpace {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.SingleSection {
  padding-top: calc(9rem);
  padding-bottom: 5rem;
}
/* Large screens ----------- */
@media only screen and (min-width: 1224px) {
  .SectionSpace {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .SingleSection {
    padding-top: calc(10rem);
    padding-bottom: 5rem;
  }
}
/* iPad in landscape ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .SectionSpace {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .SingleSection {
    padding-top: calc(7rem);
    padding-bottom: 4rem;
  }
}
/* iPad in portrait ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .SectionSpace {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .SingleSection {
    padding-top: calc(5rem);
    padding-bottom: 3rem;
  }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .SectionSpace {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .SingleSection {
    padding-top: calc(4rem);
    padding-bottom: 3rem;
  }
}
/* @end */
/*# sourceMappingURL=section.css.map */