/* @media (min-width: 769px) {
	.nav-links {
		display: flex;
	}

	.burger-menu-icon {
		display: none;
	}

	.sidenav:focus {
		display: none;
		pointer-events: none;
		user-select: none;
	}

	.navbar {
		padding: 1dvw var(--p);
	}

	.logo-nav-link a {
		font-size: 2dvw;
	}

	.nav-link a {
		font-size: 1.4dvw;
	}
}

@media (min-width: 426px) {
	.hero-img {
		height: 80dvh;
		width: 30dvw;
	}

	.about {
		padding: 0dvw;
	}

	.container2 {
		padding: 5dvw;
	}

	.decs {
		font-size: 20px;
		margin-top: 5dvw;
	}
}

@media (min-width: 321px) and (max-width: 425px) {
	.side-nav-logo a {
		font-size: 35px;
	}
}

@media (min-width: 426px) and (max-width: 768px) {
	.side-nav-logo a {
		font-size: 72px;
	}

	.side-nav-link a {
		height: 80px;
		font-size: 40px;
	}

	.side-nav-link a span {
		font-size: 40px;
	}

	.arrow-up-icon {
		font-size: 50px;
	}

	.social-link a {
		height: 50px;
		font-size: 30px;
	}
} */

/* large screens */
@media (min-width: 1441px) {
  :root{
    --p: 10vw;
    --heading-size: 15rem;
    --sub-heading-size: 5rem;
    --para-size: 4rem;
    --nav-size: 4rem;
    --icon-size: 5rem;
  }
  .about {
    height: max-content;
    row-gap: var(--p);
  }
  .hero .para {
    width: 100%;
  }
  .cta {
    padding: var(--para-size) var(--p);
  }
  .tabs .cta {
    padding: var(--para-size) 0;
  }
}