.page {
  text-transform: uppercase;
  margin: 0;
  font-family: sans-serif;
  min-width: 372px;
  height: 100%;
  width: 100%;
}

.white-page {
  background-color:  rgb(255, 255, 255);
  height: 80vh;
  width: 100%;
  color: rgb(199, 88, 37);
  margin-bottom: 20px;
  margin: auto;
  margin-top: 90px;
  text-align: center;
}

.briek-icon {
  aspect-ratio: 1 / 1;
  width: clamp(1.5625rem, 1.1052rem + 1.9512vw, 2.8125rem);
}

.heading {
  font-weight: 700;
  font-size: clamp(0.875rem, -1.5488rem + 10.3415vw, 7.5rem);
  margin: 0;
  letter-spacing: -3px;
}

@media (width <= 1200px) {
  .heading {
    letter-spacing: -2px;
  }
}

@media (width <= 900px) {
  .heading {
    letter-spacing: -1.6px;
  }
}

@media (width <= 700px) {
  .heading {
    letter-spacing: -1.2px;
  }
}

.description {
  font-weight: 400;
  text-wrap: wrap;
  font-size: clamp(0.75rem, 0.6585rem + 0.3902vw, 1rem);
}

.twitter-link {
  cursor: pointer;
  height: min-content;
}

.twitter-icon:hover {
  transform: scale(1.1);
  box-shadow: 2px 2px 4px #4443437c;
}

.twitter-link:focus {
  outline: none;
}

.twitter-icon {
  margin-top: clamp(0.625rem, 0.4878rem + 0.5854vw, 1rem);
  margin-bottom: clamp(0.625rem, 0.4878rem + 0.5854vw, 1rem);
  aspect-ratio: 1 / 1;
  width: clamp(1.5625rem, 1.1052rem + 1.9512vw, 2.8125rem);
  border-radius: 30%;
  transition: transform 0.4s, box-shadow 0.3s;
}

.ca { 
  word-wrap: wrap;
  color: #000;
  font-size: clamp(0.75rem, 0.6585rem + 0.3902vw, 1rem);
}

.orange-page {
  justify-content: center;
  background-color:  rgb(199, 88, 37);
  height: 90vh;
  width: 100%;
  color: rgb(255, 255, 255);
  margin: auto;
  margin-top: 90px;
  text-align: center;
}

.video {
  margin-top: 90px;
  height: 60%;
  object-position: center;
  object-fit: contain;
  border-radius: 30px;
  margin-bottom: 22px;
  box-shadow: 3px 3px 10px #000000a6;
}

.about-us {
  font-weight: 400;
  text-wrap: wrap;
  font-size: clamp(0.75rem, 0.6585rem + 0.3902vw, 1rem);
}