@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
/* SIZE 
$layout: 1200px;
$height:60px;
$middleheight:$height/2;
$smallheight:$middleheight/2;
*/
/* COLOURS */
/* MIXING */
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
/* SIZE 
$layout: 1200px;
$height:60px;
$middleheight:$height/2;
$smallheight:$middleheight/2;
*/
/* COLOURS */
/*
@mixin animation($animation...) {
  -o-animation: $animation;
  -moz-animation: $animation;
  -webkit-animation: $animation;
  animation: $animation;
}*/
footer {
  padding-left: 1vw;
  padding-right: 1vw;
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  padding-left: 0;
  padding-top: 20vw; }
  @media (min-width: 768px) {
    footer {
      padding-left: 15vw;
      padding-top: 8vw; } }

footer > ul {
  display: -ms-flexbox;
  -ms-flex-direction: column;
  -ms-flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100vw;
  padding-left: 5vw; }
  @media (min-width: 768px) {
    footer > ul {
      height: 45vw;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-flex-flow: column wrap;
      flex-flow: column wrap;
      -webkit-align-content: center;
      align-content: center;
      display: -webkit-flex;
      /* Safari */
      -webkit-flex-wrap: wrap;
      /* Safari 6.1+ */
      display: flex;
      flex-wrap: wrap;
      padding-left: 0; } }

footer > ul > li {
  width: 48vw; }
  @media (min-width: 768px) {
    footer > ul > li {
      width: 28vw; } }

footer > ul > li:nth-child(3n) {
  page-break-after: always;
  /* CSS 2.1 syntax */
  break-after: always;
  /* New syntax */ }

footer .footer_section {
  font-family: 'Lato', sans-serif;
  font-size: 2.5vw;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-transform: uppercase;
  color: #1e252b; }
  @media (min-width: 768px) {
    footer .footer_section {
      font-size: 1.3vw; } }

footer .footer_section_content {
  margin-top: 1.5vw;
  margin-bottom: 4vw;
  font-family: 'OpenSans', sans-serif;
  font-size: 2.5vw;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff; }
  @media (min-width: 768px) {
    footer .footer_section_content {
      font-size: 1vw; } }
  footer .footer_section_content a {
    color: white;
    text-decoration: none;
    transition: color 500ms; }
    footer .footer_section_content a:hover {
      color: black; }

footer .footer_section_content li {
  margin-bottom: 1vw; }

footer .footer_baseline {
  position: absolute;
  font-family: 'OpenSans', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  bottom: 2vh;
  margin-left: 25vw;
  text-align: center;
  font-size: 2.5vw; }
  @media (min-width: 768px) {
    footer .footer_baseline {
      left: 50%;
      width: 30vw;
      font-size: 1vw;
      margin-left: -15vw; } }