/* Screens no smaller than a tablet */

/****************************************
* Toolbar
****************************************/

.toolbar {
  align-items: center;
  margin: 0;
  border: none;
}

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

.billboard video {
  min-height: 384px;
}

.billboard h1 {
  font-size: 28px;
}

.billboard .content {
  max-width: 600px;
}

/****************************************
* Inside billboard
****************************************/

.inside-billboard h1 {
  max-width: 480px;
}

.inside-billboard p {
  max-width: 600px;
}

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

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

/****************************************
* Grid
****************************************/

.col-auto-2--tablet {
  grid-template-columns: auto 1fr;
  align-items: center;
}

/****************************************
* Testimonial
****************************************/

.testimonials p {
  padding: 0 100px;
}

.testimonials p:nth-of-type(1) {
  font-size: 30px;
}

.testimonials p:nth-child(1):before {
  top: 30px;
  font-size: 150px;
}

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

footer > .grid {
  grid-template-columns: repeat(6, 1fr);
}

footer > .grid > div:nth-of-type(1) {
  grid-column: span 3;
}

footer > .grid > div:nth-of-type(2) {
  grid-column: span 3;
}

footer > .grid > div:nth-of-type(3) {
  grid-column: span 4;
}

footer > .grid > div:nth-of-type(4) {
  grid-column: span 2;
}