body {
   padding: 0;
   margin: 0;
   /*background: #fff url("img/background.jpg") no-repeat center center;*/
   /* background-color: #e62e73; */
   background-color: #fff;
   min-height: 100%;
   min-width: 100%;
   position: relative;
}

* {
   box-sizing: border-box;
}

.logo-wrapper {
   position: relative;
   width: 296px;
}

.santa-hat {
    position: absolute;
    top: -21px;
    right: 40px;
    z-index: 100;
    pointer-events: none;
    transform: rotate(-15deg);
}

.slider-wrap {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
}

.slider-wrap__mobile {
   display: none;
}

.swiper-pagination {
   position: fixed;
   --swiper-pagination-bullet-size: 12px;
   --swiper-theme-color: #cb555d;
}

.swiper-pagination__mobile {
   --swiper-pagination-bullet-size: 42px;
   --swiper-pagination-bottom: 42px;
   --swiper-pagination-bullet-horizontal-gap: 15px;
   display: none;
}

.swiper {
   width: 100%;
   height: 100%;
}

.swiper-slide img {
   width: 100vw;
   height: 100vh;
}

.content {
   width: 960px;
   background: rgba(255, 255, 255, 0.66);
   min-height: 100vh;
   display: flex;
   padding: 60px 120px;
   flex-direction: column;
   position: relative;
}

.title {
   font-family: 'rosa_marena', serif;
   font-size: 96px;
   color: #000;
   margin-bottom: 75px;
}

.logo {
   width: 296px;
   height: auto;
   margin-bottom: 40px;
}

.text {
   font-family: 'FuturaBookC', serif;
   font-size: 18px;
   line-height: 25px;
   margin-bottom: 40px;
}

.text.text__no-margin {
   margin-bottom: 10px;
}

.text p {
   margin-top: 0;
   margin-bottom: 15px;
}

.button {
   width: 200px;
   text-decoration: none;
   display: block;
   margin: 10px 0;
   text-transform: uppercase;
   text-align: center;
   background: #cb555d;
   color: #fff;
   padding: 17px 0 13px;
   letter-spacing: 1px;
   line-height: 1;
   transition: background 0.3s;
}

.text .wrapper {
   display: flex;
   gap: 16px;
}

.button:hover {
   background: #545454;
}

.social-block {
   display: flex;
   margin-bottom: 20px;
}

.social-block a {
   text-decoration: none;
   margin-right: 10px;
}

.contacts {
   display: flex;
   flex-direction: column;
   font-family: 'FuturaBookC', serif;
   color: rgba(0, 0, 0, 0.77);
   font-size: 17px;
}

.contacts a {
   font-family: 'FuturaBookC', serif;
   color: rgba(0, 0, 0, 0.77);
   font-size: 18px;
   text-decoration: none;
   margin-bottom: 10px;
}

@media (max-width: 1024px) {
   body {
      /*        background: #fff url("img/mobile-background.jpg") no-repeat top center;
        background-size: cover;*/
      /* background-color: #e62e73; */
      background-color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
   }

   .button {
      margin: 10px auto;
      font-size: 30px;
      padding: 30px;
      width: 400px;
   }

   .text .wrapper {
      flex-wrap: wrap;
   }

   .slider-wrap__mobile img {
      display: block;
      height: 100%;
      width: 100vw;
   }

   .slider-wrap__desktop {
      display: none;
   }

   .slider-wrap__mobile {
      display: block;
   }

   .swiper-pagination {
      display: none;
   }

   .swiper-pagination__mobile {
      display: block;
   }

   .content {
      max-width: 80%;
      margin: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 60px;
   }

   .logo {
      order: -1;
   }

   .title {
      font-size: 75px;
   }

   .text {
      text-align: center;
      font-size: 28px;
      line-height: 40px;
   }

   .text p {
      margin-bottom: 40px;
   }

   .contacts {
      align-items: center;
   }

   .contacts,
   .contacts a {
      font-size: 26px;
   }
}