/* @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;
}
.insetbgpicbox,
.insetYouTube {
  width: 100%;
  height: 100%;
}
.sectionBreak {
  height: 1px;
  margin: 0px auto;
  width: 100%;
  background-color: #EEEEEE;
  border: 0;
}
.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: 100%;
  }
}
/* @group Section Spacing */
.SectionSpace {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.SingleSection {
  padding-top: calc(7rem);
  padding-bottom: 4rem;
}
/* Large screens ----------- */
@media only screen and (min-width: 1224px) {
  .SectionSpace {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .SingleSection {
    padding-top: calc(8rem);
    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(8rem);
    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(7rem);
    padding-bottom: 3rem;
  }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .SectionSpace {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }
  .SingleSection {
    padding-top: calc(6.4rem);
    padding-bottom: 2.4rem;
  }
}
/* @end */
/*# sourceMappingURL=section.css.map */