﻿@font-face {
  font-family: "TWK";
  src: url("/Fonts/TWKLausanne-300.woff2") format("woff2");
  font-weight: 300;
}
@font-face {
  font-family: "TWK";
  src: url("/Fonts/TWKLausanne-400.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: "TWK";
  src: url("/Fonts/TWKLausanne-500.woff2") format("woff2");
  font-weight: 500;
}
@font-face {
  font-family: "TWK";
  src: url("/Fonts/TWKLausanne-700.woff2") format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: "TWK";
  src: url("/Fonts/TWKLausanne-900.woff2") format("woff2");
  font-weight: 900;
}
footer {
  padding: 80px 0;
  background-color: #000;
  color: #fff;
}
footer .footer-content-wrapper {
  display: flex;
}
footer .footer-content-wrapper .section.one {
  margin-right: 100px;
}
footer .footer-content-wrapper .section.one .footer-logo {
  height: 35px;
}
footer .footer-content-wrapper .section.one .footer-awards {
  display: block;
  margin-top: 30px;
  height: 60px;
}
footer .footer-content-wrapper .section.one .socials {
  margin-top: 30px;
}
footer .footer-content-wrapper .section.one .socials a {
  color: #fff;
  font-size: 26px;
  margin-right: 24px;
}
footer .footer-content-wrapper .section.one .socials a:last-of-type {
  margin-right: 0;
}
footer .footer-content-wrapper .section.two {
  display: flex;
}
footer .footer-content-wrapper .section.two .footer-list {
  margin-right: 80px;
}
footer .footer-content-wrapper .section.two .footer-list:last-of-type {
  margin-right: 0;
}
footer .footer-content-wrapper .section.two .footer-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
footer .footer-content-wrapper .section.two .footer-list ul li {
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 14px;
}
footer .footer-content-wrapper .section.two .footer-list ul li a {
  font-size: 14px;
  color: #848484;
  text-decoration: none;
}
footer .footer-content-wrapper .section.two .footer-list ul li a:hover {
  color: #fff;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  footer {
    padding: 40px 0;
  }
  footer .footer-content-wrapper {
    display: block;
  }
  footer .footer-content-wrapper .section.one {
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
  }
  footer .footer-content-wrapper .section.one .footer-awards {
    display: inline;
    height: 40px;
    margin-top: 20px;
  }
  footer .footer-content-wrapper .section.two {
    justify-content: space-between;
  }
  footer .footer-content-wrapper .section.two .footer-list {
    flex: 0 0 47%;
    margin-right: 0;
  }
}
