.nav-active {
  display: block !important;
  opacity: 0; }

.menu-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1; }

.menu-img-wrap {
  width: 30vw;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  padding-bottom: 25vw; }

.home-img {
  height: 300px; }

.insta-img {
  height: 200px;
  width: 100%; }

.nav-menu-item {
  padding-left: 0; }

.stripes-bg {
  background-image: none;
}

@media (min-width: 700px) {
  .home-img {
    height: 500px; }
  .insta-img {
    height: 400px;
    width: 400px; } 
    .stripes-bg {
      background-image: url("../brand/stripes.svg");
      background-position: bottom; /* Center the image */
      background-repeat: no-repeat; /* Do not repeat the image */
      background-size: cover; /* Resize the background image to cover the entire container */
    }
    
  }

@media (min-width: 1200px) {
  
  #nav-menu-item-1 {
    padding-left: 15%; }
  #nav-menu-item-2 {
    padding-left: 30%; }
  #nav-menu-item-3 {
    padding-left: 60%; }
	#nav-menu-item-4 {
		padding-left: 80%; } }

@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
  font-family: 'GT Pressura Bold';
  src: url("../fonts/gt-pressura-bold.ttf");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: 'GT Pressura Bold Mono';
  src: url("../fonts/GT-Pressura-Mono-Bold.otf");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: 'Monument Extended';
  src: url("../fonts/MonumentExtended-Regular.otf");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: 'Monument Extended Ultrabold';
  src: url("../fonts/MonumentExtended-Ultrabold.otf");
  font-style: bold;
  font-weight: 700; }