body {
  background: #000;
}

.main {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #fffee9;
}

.main__overlay {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../assets/img/bg.jpg') center / cover no-repeat;
  opacity: 0.7;
  z-index: -1;
}

/* .main__container */
.main__container {
  width: 100%;
  min-height: 100vh;
  padding: 40px 24px 60px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1279px) {
  .main__container {
    padding: 40px 12px 60px;
  }
}

@media (max-width: 719px) {
  .main__container {
    flex-direction: column-reverse;
    padding: 30px 12px 40px;
  }
}

/* .main__content */
.main__content {
  max-width: 340px;
}

@media (max-width: 719px) {
  .main__content {
    max-width: unset;
  }
}

/* .main__title */
.main__title {
  font: 500 30px/42px 'TT Wellingtons';
  margin-bottom: 15px;
}

/* .main__text */
.main__text {
  font: 400 15px/23px 'TT Tricks';
}

/* .main__logo */
.main__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50vw;
  max-width: 960px;
}

@media (max-width: 1279px) {
  .main__logo {
    width: 640px;
  }
}

@media (max-width: 719px) {
  .main__logo {
    position: static;
    transform: unset;
    width: 100%;
    margin: 110px 0;
  }
}

/* .main__footer */
.main__footer {
}

/* ======= footer ========== */
.footer {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.footer div {
  border: 1px solid #fffee9;
  padding: 16px 20px;
}

/* .footer__phone */
.footer__phone {
  font: 500 20px/28px 'TT Wellingtons';
}

/* .footer__social */
.footer__social {
  display: flex;
  gap: 11px;
}

/* .footer__address */
.footer__address {
  font: 400 15px/28px 'TT Tricks';
}

/* === footer media === */

@media (max-width: 719px) {
  .footer {
    flex-wrap: wrap;
  }

  .footer__phone {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
  }
  .footer__address {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
  }
}