/* Screens no smaller than a widescreen desktop */

/****************************************
* Header
****************************************/

header {
  padding: 1rem 6rem;
}

nav li a {
	font-size: 16px;
  margin: auto .8rem;
}

/****************************************
* Billboard
****************************************/

.billboard video {
  margin-top: calc(0px + (-200) * (100vw - 1400px) / (2500 - 1400));
  min-height: 700px;
}

/****************************************
* Products
****************************************/

.products,
.packages {
	grid-gap: 3rem;
}

/****************************************
* Product details
****************************************/

.product-detail .products > .product:nth-of-type(5) {
  display: flex;
}

/****************************************
* Footer
****************************************/

footer > .grid {
  grid-template-columns: auto 280px 1fr auto;
  gap: 2rem;
}

@media(min-width: 1600px) {
  footer > .grid {
    gap: 4rem;
  }
}

@media(min-width: 1800px) {
  footer > .grid {
    gap: 6rem;
  }
}