@font-face {
    font-family: "/OceansideWeisenhoff Grotesk Light";
    src: url("/Oceanside/fonts/WeissenhofGrotesk-Light.woff2");
    src:  url("/Oceanside/fonts/WeissenhofGrotesk-Light.woff2") format("woff2"), url("/Oceanside/fonts/WeissenhofGrotesk-Lightwoff2") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Weisenhoff Grotesk Medium";
    src: url("/Oceanside/fonts/WeissenhofGrotesk-Medium.woff2");
    src:  url("/Oceanside/fonts/WeissenhofGrotesk-Medium.woff2") format("woff2"), url("/Oceanside/fonts/WeissenhofGrotesk-Medium.woff2") format("woff");
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: "stratos semibold";
    src: url("/Oceanside/fonts/stratosweb-semibold.woff");
    src: url("fonts/stratosweb-semibold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }



  #footer {
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-color: #151945;
  }
  
  .footer-wrapper {
    padding-top: 2em;
    padding-bottom: 2em;
  
  }
  
  .footer-container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}
  .footer-container:before,.footer-container:after{content:" ";display:table;}
  .footer-container:after{clear:both;}
  
  @media (min-width: 768px){
  .footer-container{width:750px;}
  }
  @media (min-width: 992px){
  .footer-container{width:970px;}
  }
  @media (min-width: 1200px){
  .footer-container{width:1170px;}
  }
  
  
  .social-icons{margin-bottom:1em;text-align:center;}
  .social-icons a{font-size:7.5em;vertical-align:middle; padding: 0px 20px;}
  .social-icons a{color:white;}