@font-face {
  font-family: "Jost-Black";
  src: url(/fonts/Jost-Black.ttf?c758141821cd9ea5cebac52a49664f4a) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans";
  src: url(/fonts/OpenSans-Medium.ttf?be793100b2ab027d9b747a11a9acaf71) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  src: url(/fonts/Material.woff2?02aebb8b316adf1b0b5b8bbaa48594b9) format("woff2");
}
body footer {
  background-color: #222222;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body footer div {
  width: 300px;
  padding: 20px 0;
  transition: all 0.5s ease;
}
body footer div:first-child div.info div {
  height: -moz-fit-content;
  height: fit-content;
}
body footer div:first-child div.info div:first-child h2 {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 20pt;
  font-family: "OpenSans", serif;
  margin-bottom: 5px;
}
body footer div:first-child div.info div:first-child ul {
  list-style: none;
}
body footer div:first-child div.info div:first-child ul:last-child {
  display: flex;
  flex-direction: row;
}
body footer div:first-child div.info div:first-child ul:last-child li {
  margin-right: 10px;
}
body footer div:first-child div.info div:first-child ul li {
  padding: 5px 0;
  transition: all 0.5s ease;
}
body footer div:first-child div.info div:first-child ul li:hover {
  transform: translateX(5px);
  transition: all 0.5s ease;
}
body footer div:first-child div.info div:first-child ul li a {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12pt;
  font-family: "OpenSans", serif;
}
body footer div:first-child div.info div:first-child ul li a img {
  width: 35px;
  height: 35px;
}
body footer div:first-child div.info div:last-child h2 {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 20pt;
  font-family: "OpenSans", serif;
  margin-bottom: 5px;
}
body footer div:first-child div.info div:last-child ul {
  list-style: none;
}
body footer div:first-child div.info div:last-child ul li {
  padding: 5px 0;
}
body footer div:first-child div.info div:last-child ul li:hover {
  transform: translateX(5px);
  transition: all 0.5s ease;
}
body footer div:first-child div.info div:last-child ul li a {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12pt;
  font-family: "OpenSans", serif;
}
body footer div:first-child div:last-child h2 {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 20pt;
  font-family: "OpenSans", serif;
  margin-bottom: 5px;
}
body footer div:first-child div:last-child form {
  display: flex;
  flex-direction: column;
}
body footer div:first-child div:last-child form textarea {
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 10px;
  margin: 5px 0;
  font-family: "OpenSans", serif;
  resize: none;
}
body footer div:first-child div:last-child form input[type=email], body footer div:first-child div:last-child form input[type=text] {
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 10px;
  margin: 5px 0;
  font-family: "OpenSans", serif;
}
body footer div:first-child div:last-child form input[type=submit] {
  background-color: #FA5003;
  border-radius: 50px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  color: #FFFFFF;
  text-decoration: none;
  padding: 10px 20px;
  transition: all 0.5s ease;
  font-family: "OpenSans", serif;
  margin-top: 5px;
  cursor: pointer;
}
body footer div:first-child div:last-child form input[type=submit]:hover {
  transition: all 0.5s ease;
  background-color: #F6A783;
}
body footer div.end {
  border-top: 1px solid #3f3f3f;
}
body footer div.end p {
  color: #FFFFFF;
  font-size: 12pt;
  font-family: "OpenSans", serif;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 500px) {
  body footer div {
    width: 400px;
  }
}
@media screen and (min-width: 500px) and (min-width: 800px) {
  body footer div {
    width: 700px;
  }
  body footer div div.info {
    display: flex;
    flex-direction: row;
  }
  body footer div div.info div {
    height: 200px;
    width: 50%;
  }
}
@media screen and (min-width: 500px) and (min-width: 800px) and (min-width: 1400px) {
  body footer > div {
    width: 1300px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  body footer > div > div {
    display: flex;
    flex-direction: column;
  }
  body footer > div > div.info {
    display: flex;
    flex-direction: row;
  }
  body footer > div > div.info div {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding-top: 0;
  }
}