.page {
  height: calc(100vh - 57px);
  background: no-repeat center #000;
  background-size: cover;
  color: #fff;
  &.bg-1 {
    background-image: url("/images/bg/1.jpg");
  }
  &.bg-2 {
    background-image: url("/images/bg/2.jpg");
  }
  &.bg-3 {
    background-image: url("/images/bg/3.jpg");
  }
  &.bg-4 {
    background-image: url("/images/bg/4.jpg");
  }
  &.bg-5 {
    background-image: url("/images/bg/5.jpg");
  }
  .main {
    @apply w-full h-full flex flex-col justify-center items-center bg-gradient-to-r from-black/40 to-black/50;
    h1 {
      @apply text-7xl font-black mb-2 font-sans;
      @apply lg:text-9xl mb-5;
    }
    h2 {
      @apply text-2xl font-black mb-5;
      @apply lg:text-5xl lg:my-5;
    }
    .btn {
      @apply mt-5;
    }
  }
}
