.default {
    padding-block: 5rem;
}

.default .section__title,
.default .section__desc {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.default .section__title h1{
    font-size: 2rem;
}

.default .section__desc p{
    color: #CCC;
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 4rem;
}

.section__body {
    max-width: 1140px;
    margin-inline: auto;
}

.default.light {
    background-color: #F7F7F7;
}

.default.light .section__title,
.default.light .section__body {
    color: #000;
}

.default.dark {
    background-color: #000;
}

.default.dark .section__title,
.default.dark .section__body {
    color: #fff;
}


.section__aboutus {
    display: flex;
}

.section__aboutus--left {
    flex: 1;
}

.section__aboutus--left p{
    font-size: 1.5rem;
    margin-bottom: 5rem;
}

.section__aboutus--right {
    width: 500px;
}

video {
    box-shadow: 0px 5px 10px #333;
    border-radius: 2.5rem;
}

/* ---------- RESPONSIVIDADE ---------- */
@media (max-width: 768px) {
  .default .section__title h1 {
    font-size: 1.6rem;
  }

  .default .section__desc p {
    font-size: 1.2rem;
    margin-bottom: 3rem;
  }

  .section__aboutus {
    flex-direction: column;
    text-align: center;
  }

  .section__aboutus--left p {
    font-size: 1.2rem;
    margin-bottom: 2.5rem;
  }

  .section__aboutus--right {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .default .section__title h1 {
    font-size: 1.4rem;
  }

  .default .section__desc p {
    font-size: 1rem;
  }

  .section__aboutus--left p {
    font-size: 1rem;
  }

  .default {
    padding-block: 3rem;
  }
}