@font-face {
  font-family: "Roboto";
  font-weight: 100;
  src: url("../fonts/Roboto-Regular.ttf");
}

@font-face {
  font-family: "BebasNeue";
  font-weight: 400;
  src: url("../fonts/BebasNeue-Regular.ttf");
}

@font-face {
  font-family: "Montserrat-Light";
  font-weight: 300;
  src: url("../fonts/Montserrat-Light.ttf");
}

@font-face {
  font-family: "Montserrat-ExtraLight";
  font-weight: 200;
  src: url("../fonts/Montserrat-ExtraLight.ttf");
}

p {
    font-family: 'Montserrat-ExtraLight', sans-serif;
    font-weight: 200;
    font-size: 20px;
}
h1,h2, .nav-link, .footer-nav a {
    font-family: 'Montserrat-Light', sans-serif;
    font-size: 24px;
    letter-spacing: .28em;
    font-weight: 300;
    text-transform: uppercase;
}
h3 {
    font-family: 'Montserrat-Light', sans-serif;
    font-size: 24px;
    letter-spacing: .24em;
    font-weight: 300;
    text-transform: uppercase;
}