* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --primary-col: #446e34;
  --secondary-col: #f9f7f2;
  --teritary-col: #b87333;
  --fourth-col: #2d2d2d;
}

@font-face {
  font-family: "Author_Regular";
  src: url("../fonts/Author_Complete/Fonts/WEB/fonts/Author-Regular.woff2");
}

@font-face {
  font-family: "Author_Light";
  src: url("../fonts/Author_Complete/Fonts/WEB/fonts/Author-Medium.woff2");
}

@font-face {
  font-family: "Author_Bold";
  src: url("../fonts/Author_Complete/Fonts/WEB/fonts/Author-Bold.woff2");
}

@font-face {
  font-family: "Author_Extralight";
  src: url("../fonts/Author_Complete/Fonts/WEB/fonts/Author-Extralight.woff2");
}
body {
  background: var(--primary-col);
  color: var(--secondary-col);
}

h1,
h2,
h3,
.hero-title {
  font-family: "Author_Light", serif;
}

body,
p,
nav,
span .btn {
  font-family: "Gamebetta_Extralight", sans-serif;
}

header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  background-color: rgba(68, 110, 52, 0.8);
  position: sticky;
  top: 0;
  z-index: 1000;
}
.channel-partner-text {
  font-size: x-small;
}

.nav-item a {
  color: var(--secondary-col);
}

#contact-us {
  color: var(--primary-col);
  background-color: var(--secondary-col);
  border: none;
}

@media (max-width: 576px) {
  .channel-partner-text {
    font-size: xx-small;
  }
  .navbar-nav {
    font-size: x-small;
  }

  #contact-us {
    font-size: xx-small;
    padding: 5px;
  }
}