@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
* {
  box-sizing: border-box;
  transition: all 300ms ease-in-out; }

body {
  margin: 0;
  font-family: "Open Sans", "Helvetica", sans-serif;
  color: #303842; }

h1 {
  font-size: 30px;
  font-weight: 600; }
  @media (max-width: 692px) {
    h1 {
      font-size: 20px; } }

.text-center {
  text-align: center; }

.small {
  font-size: 14px;
  color: #f3f2ec; }

.highlight-color {
  color: #febe10; }

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px; }
  @media (max-width: 692px) {
    .container {
      padding: 0; } }

.logo {
  display: block;
  margin-top: 10vh;
  margin-bottom: 10vh;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 692px) {
    .logo {
      margin-top: 90px;
      margin-bottom: 80px; } }

.call-out {
  padding: 8vh 0;
  background: rgba(0, 0, 0, 0.3);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0) 100%);
  text-align: center;
  color: #303842; }
  @media (max-width: 692px) {
    .call-out {
      background: rgba(0, 0, 0, 0.3);
      padding-left: 20px;
      padding-right: 20px; } }

.sub-header {
  font-size: 20px; }
  @media (max-width: 744px) {
    .sub-header {
      font-size: 18px; } }
  @media (max-width: 692px) {
    .sub-header {
      font-size: 16px; } }

.subscribe {
  margin: 10vh auto;
  width: 620px; }
  @media (max-width: 692px) {
    .subscribe {
      margin: 90px auto;
      padding: 0 20px;
      width: 100%; } }
  .subscribe h2 {
    font-size: 25px;
    font-weight: 700; }
    @media (max-width: 692px) {
      .subscribe h2 {
        font-size: 22px; } }
  .subscribe a {
    color: #303842; }

.bottom-navigation {
  text-align: center;
  margin-bottom: 60px; }
  .bottom-navigation ul {
    padding-left: 0; }
  .bottom-navigation ul li {
    display: inline;
    padding-right: 100px; }
    @media (max-width: 894px) {
      .bottom-navigation ul li {
        padding-right: 50px; } }
    @media (max-width: 692px) {
      .bottom-navigation ul li {
        display: block;
        padding-right: 0;
        padding-bottom: 20px; } }
    .bottom-navigation ul li:last-child {
      padding-right: 0; }
      @media (max-width: 692px) {
        .bottom-navigation ul li:last-child {
          padding-bottom: 0; } }
    .bottom-navigation ul li a {
      font-size: 20px;
      color: black;
      text-decoration: none; }
      @media (max-width: 744px) {
        .bottom-navigation ul li a {
          font-size: 18px; } }

#lean_overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none; }

#abuseContact {
  padding-top: 90px;
  padding-bottom: 90px;
  border-radius: 4px;
  width: 960px;
  display: none;
  background: rgba(48, 56, 66, 0.96); }
  @media (max-width: 970px) {
    #abuseContact {
      width: 100%;
      left: 0 !important;
      margin-left: 0 !important; } }

#moreContacts {
  padding-top: 90px;
  padding-bottom: 90px;
  border-radius: 4px;
  width: 960px;
  display: none;
  background: rgba(33, 56, 100, 1.00); }
  @media (max-width: 970px) {
    #abuseContact {
      width: 100%;
      left: 0 !important;
      margin-left: 0 !important; } }

.modal__wrapper {
  width: 65%;
  margin: 0 auto;
  text-align: center;
  color: white;
  font-size: 25px;
  font-weight: 300; }
  .modal__wrapper a {
    color: white; }
  @media (max-width: 894px) {
    .modal__wrapper {
      font-size: 18px; } }

.modal_close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: url(modal-close.png);
  width: 29px;
  height: 24px;
  cursor: pointer; }

.legal {
  text-align: center; }

.footer {
  text-align: center;
  font-size: small; }