@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../fonts/fa-light-300.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.woff2") format("woff2");
}

.fas,
.far,
.fal,
.fab {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fas {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.far {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fal {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

.fa-arrow-right::before {
  content: "\f061";
}

.fa-bars::before {
  content: "\f0c9";
}

.fa-chevron-up::before {
  content: "\f077";
}

.fa-angle-double-up::before {
  content: "\f102";
}

.fa-envelope-open::before {
  content: "\f2b6";
}

.fa-instagram::before {
  content: "\f16d";
}

.fa-map-marker-alt::before {
  content: "\f3c5";
}

.fa-phone::before {
  content: "\f095";
}

.fa-search::before {
  content: "\f002";
}

.fa-times::before {
  content: "\f00d";
}

.fa-twitter::before {
  content: "\f099";
}

.fa-user::before {
  content: "\f007";
}