@font-face {
  font-family: Merriweather;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Merriweather-Regular.ttf);
}
@font-face {
  font-family: Merriweather-LightItalic;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Merriweather-LightItalic.ttf);
}
@font-face {
  font-family: Raleway-Light;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Raleway-Light.ttf);
}
@font-face {
  font-family: Raleway;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Raleway-Regular.ttf);
}
@font-face {
  font-family: Raleway-Medium;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Raleway-Medium.ttf);
}
@font-face {
  font-family: Raleway-SemiBold;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Raleway-SemiBold.ttf);
}
@font-face {
  font-family: Raleway-Bold;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Raleway-Bold.ttf);
}
@font-face {
  font-family: Raleway-ExtraBold;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Raleway-ExtraBold.ttf);
}

main {
  height:100%;
  background: linear-gradient(180deg, #dee3e6 50%, #47535A 0%);
  padding: 0;
}
.top-half {
  display: flex;
  height: 48%;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom:2%;
}
.bottom-half {
  display: flex;
  height: 48%;
  flex-direction: row;
  justify-content: flex-start;
  margin-top:2%;
}
.spacer {
  margin-top: 30px;
}

.vl-white {
  border-left: 6px solid #dee3e6;
  border-left-width: thin;
  height: auto;
  padding-left: 16%;
  margin-bottom: 30px;
}
.vl-white > div {
  margin-bottom:30px;
}
.vl-blue {
  border-left: 6px solid #47535A;
  border-left-width: thin;
  height: auto;
}


.lion {
  height: auto;
  max-height: 125px;
  margin-top:-10px;
}


.lang-link {
  font-size: 3rem;
  font-family: "Raleway-SemiBold";
  color: #dee3e6;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}
.terms-link {
  font-size: 1.4rem;
  font-family: "Raleway-Light";
  color: #dee3e6;
  text-transform: uppercase;
  text-decoration: none;
}

.lang-link:hover,
.lang-link:focus,
.terms-link:hover,
.terms-link:focus{
  color: #FFFFFF;
  text-decoration: underline;
}
.lang-link:visited,
.terms-link:visited {
  color: #dee3e6;
}

.gg-text {
  font-size: 3rem;
  font-family: "Raleway-SemiBold";
  color: #47535A;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: -1px;
  line-height: 1.2375;

}
.no-caps {
  font-family: "Merriweather-LightItalic";
  text-transform: lowercase;

}
.col-centered{
  margin: 0 auto;
}
div {
  text-align: left;
}

.bottom-half > div {
  padding: 0 !important;
}
.col-md-3 {
  padding-left: 4%;
}
body
{
  height:100%;
  border: solid #dee3e6 40px;
  outline: 1px solid #47535A;
  outline-offset: -40px;
  background: #dee3e6;
}
#gg-ca-splash {
  border: solid #dee3e6 10px;
}

@media screen and (max-width: 991px) {
  body
  {
    border: solid #dee3e6 10px;
    outline-offset: -10px;
  }
  main {
    background: linear-gradient(180deg, #dee3e6 65%, #47535A 35%);
  }
  .top-half {
    height:65%;
    justify-content: center;
    align-content: center;
    margin-bottom: 0;
  }
  .bottom-half {
    height:35%;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin-top:0;
  }
  .lion {
    max-height:110px;
    margin-left: -15px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  div {
    text-align: center;
  }
  .col-md-3 {
    padding-left: 0;
    padding-right: 0;
  }
  .vl-blue,
  .vl-white {
    border: none;
    padding-left:0;
    padding-right: 0;
  }
  .vl-white > div {
     margin-bottom:0;
   }
  .col-xs-12.col-md-3.gg-text.gg-text-en.vl-blue {
    margin-bottom: 30px;
  }
  .gg-text {
    font-size: 2.5rem;
    line-height: 1.2375;
    letter-spacing: -0.50px;
  }
  .terms-link {
    font-size: 1.2rem;
  }
  .lang-link {
    font-size: 2.5rem;
  }

  .spacer:nth-of-type(2) {
    margin-top: 0;
  }
}