@font-face {
  font-family: "Montserrat";
  src: url("font/Montserrat-Regular.eot");
  src: url("font/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),
    url("font/Montserrat-Regular.woff2") format("woff2"),
    url("font/Montserrat-Regular.woff") format("woff"),
    url("font/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("font/Montserrat-Bold.eot");
  src: url("font/Montserrat-Bold.eot?#iefix") format("embedded-opentype"),
    url("font/Montserrat-Bold.woff2") format("woff2"),
    url("font/Montserrat-Bold.woff") format("woff"),
    url("font/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Montserrat", sans-serif;
}

.p {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.125rem);
}

p {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.125rem);
}

h1 {
  font-size: clamp(2rem, 5vw + 1rem, 4rem);
}

h2 {
  font-size: clamp(1.25rem, 2.5vw + 0.625rem, 2.5rem);
  text-transform: uppercase;
}
h3 {
  font-size: clamp(1.25rem, 2.5vw + 0.625rem, 2.5rem);
}

h4 {
  font-size: clamp(1.25rem, 2.5vw + 0.625rem, 2.5rem);
}

.h1 {
  font-size: clamp(2rem, 5vw + 1rem, 4rem);
}

.h2 {
  font-size: clamp(1.25rem, 2.5vw + 0.625rem, 2.5rem);
  text-transform: uppercase;
}

.txt--black {
  color: black;
}

.txt--white {
  color: white;
}

.txt--bold {
  font-weight: 700;
}

.txt--active {
  transition: all 0.4s;
}

.txt--center {
  text-align: center;
}

@media (any-hover: hover) {
  .txt--active:hover {
    opacity: 0.5;
  }
}

.txt--active:active {
  opacity: 0.5;
}

li {
  list-style: none;
}

ul {
  padding: 0;
}