/* fonts */
@font-face {
    font-family: "Madelyn-Trial-Regular";
    src: url("/assets/fonts/Madelyn.otf");
  }
  @font-face {
    font-family: "Lufga-Regular";
    src: url("/assets/fonts/Lufga-Regular.ttf");
  }
  @font-face {
    font-family: "HistoryPro-Two";
    src: url("/assets/fonts/HistoryPro-Two.ttf");
  }
/* fonts end */
/* basic */
body{
box-sizing: border-box;
margin: 0;
padding: 0;
background-color: #F1EEE5 !important;
display: flex;
align-items: center;
flex-direction: column;

}

a{
    text-decoration: none !important;
}
.pt25{
    padding-top: 25px;
}
.text-meet{
    letter-spacing: 0.5px !important;
}
.tac{
    text-align: center;
    font-size: 15px !important;
    padding-top: 50px;
    padding-bottom: 30px;
    padding-left: 0px   !important;  
}

.fs38{
    font-size: 38px !important;
    padding-bottom:10px;
}
.fs101{
    font-size: 128px !important;
}
.mb{
    margin-top: 0px  !important;
}
.pr{
    position: relative;
    top: 10px;
}
.pp{
    left: 155px;
    bottom: 20px;
    width: 150px;
    position: relative;
    z-index: 1;
    transform: rotate(-13deg);
}
.btn-btn{
    display: flex;
    align-self: center;
    justify-content: space-between;
    padding: 5px 0px;
    border-radius: 40px;
    border: 1px solid #B52D2F;
    width: 295px;
    margin: 20px 0px;
    padding: 7px 16px;
} 
.btn-btn-pd{
    padding-left: 0px !important;
}
.img-arrow{
    height: 16px;
    width:16px;
    position: relative;   
    bottom:2px;
    margin: 0px 4px;
}
/* basic */
/* text */
.M-text-L{
    font-family: "Madelyn-Trial-Regular";  
    font-size: 79px;
    font-weight: 400;
    line-height: 100%;
     /*overflow: hidden; */
    color: #B52D2F;
    margin: 0;
    transform: rotate(7deg);
    margin-top: 20px;
    letter-spacing: 1.4px;
    

}
.M-text{
    font-family: "Madelyn-Trial-Regular";  
    font-size: 46px;
    font-weight: 400;
    line-height: 100%;
    color: #B52D2F;
    margin: 0;
    padding-left: 20px;

}

.M-text-p{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-items: center;
    bottom: 35px;
}
.L-text{
    font-family: "Lufga-Regular"; 
    font-weight: 400;
    font-size: 15px;
    line-height: 1.22;
    color:#2E2E32;
    margin: 0;
    padding-left: 20px;
    letter-spacing: 1px;
}
.L-text-mail{
    font-family: "Lufga-Regular"; 
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color:#2E2E32;
    margin: 0;
}
.H-text{
    font-family: "HistoryPro-Two";
    font-weight: 400;
    font-size: 25px;
    line-height: 100%;
    color:#2E2E32;
    margin: 0;
    padding-left: 20px;
}

@media (min-width: 360px) and (max-width: 374px) {
    .M-text-L{
        font-size: 79px; 
    }
    .L-text{
    letter-spacing: 1px;
}
  }
 /*media 390 */
@media (min-width: 390px) and (max-width: 413px) {
    .M-text-L{
        font-size: 82px;
    }
      .L-text{
    letter-spacing: 1px;
}
  }
 /*media 413 */
  @media (min-width: 413px) and (max-width: 429px) {
    .M-text-L {
        font-size: 85px;
    }
/*      .L-text{*/
/*    letter-spacing: 0.5px;*/
/*}*/
  }
   /*media 430 */
  @media (min-width: 430px) and (max-width: 439px) {
    .M-text-L{
        font-size: 90px;
    }
  }
   /*media 430 */
  @media (min-width: 440px) and (max-width: 449px) {
    .M-text-L{
        font-size: 92px;
    }
  }

/* text end */
/* date */
.date-date{
    margin: 0   !important;
    padding: 0  !important;
}
.date{
    position: relative;
    top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.date-img{
    width: 270px;
    height: 337px;
    transform: rotate(5deg);
    background-color: #F1EEE5;

}
.date-title{
    padding-top: 40px;
    padding-left: 44px;
}
.date-text{
    padding-left: 44px;
}
.date-title-2{
    padding-top: 140px;
    padding-left: 110px;
    padding-bottom: 30px;
}
/* date end */
/* meet */
.meet-place{
    display: flex;
    flex-direction: column;
}
.meet{
    margin: 0px;
    display: flex;
    flex-direction: row;
    padding-top: 80px;
    justify-content: center;
    
}
.meet-text{
    padding-top: 80px;
    padding-bottom: 17px;
}
.meet-text-pb{
    padding-bottom: 17px;
}
.meet-right{
    position: relative;
    height: 281px;
    overflow: hidden;
    left: 24px;
    z-index: 0;
}
.img-right{
    overflow: hidden;
    width: 214px;
    height: 281px;
    filter: grayscale(100%);
    position: relative;
}
.btn-meet{
padding-top: 3px;
}
/* meet end */
/* mail */
.mail{
    width: auto;
    height: 430px;
    margin: 0px;
    position: relative;
    display: flex;
    padding-top: 40px;
    justify-content: center;
}
.text-mail-p{
    text-align: center;
    position: relative;
    z-index: 1;
    transform: rotate(-6deg);
    top: 90px;
    left: 10px;
    width: 320px;
    letter-spacing: 0.8px;
}
.img-mail{
    overflow: hidden;
    transform: rotate(-6deg);
    position: absolute;
    width: 310px;
    height: 310px;
    z-index: 0;
}
/* mail end */
/* dress */
.dress{
    display: flex;
    flex-direction: column;
    padding: 0px;
    margin: 0px;
    justify-content: center !important;
}
.dpp{
    top: 40px;
    width: 120px;
    position: relative;
    z-index: 1;
    transform: rotate(-13deg);
}
.dress-img{
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}
.img-dress{
    width: 90px;
    height: 90px;
    border-radius: 50px;
    z-index: 0;
}
/* drees end */
/* us photo */
.usPhoto{
    display: flex;
    padding-top: 40px;
    justify-content: center !important;
}
.photo{
    padding-top: 40px;
}
.left-photo{
    position: relative;
    left: 15px;
    top:20px;
    width: 181px;
    height: 271px;
    transform: rotate(-10deg);
    z-index: 0;

}
.right-photo{
    position: relative;
    right: 15px;
    width: 181px;
    height: 271px;
    transform: rotate(8deg);
    z-index: 1;
}
.phpp{
    left: 125px;
    bottom: 40px;
    width: 140px;
    line-height: 0.7;
    font-size: 58px;
    text-align: right;
    position: relative;
    z-index: 2;
    transform: rotate(-13deg);
}
/* us photo end */
/* contacts */
.contacts{
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    padding-top: 40px;
}
.contacts-mail{
    display: flex;
    flex-direction: column;
    height: 300px;
    padding-top: 10px;
}
.img-contacts{
    padding-top: 20px;
    width: 320px;
    height: 280px;
    transform: rotate(-10deg);
    z-index: 0;

}
.cpp{
    bottom: 205px;
    text-align: center;
    line-height: 1.4;
    left: 0px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding-left: 0px;
    letter-spacing: 1px;
}
/* contacts end */

/* meetup */
.meetUp{
    display: flex;
    flex-direction: column;
    padding: 40px 0px;
    justify-content: center !important;
}
.meetUp-title{
    padding-bottom: 30px;
}
.meetUp-text{
   padding-bottom: 30px; 
}

/* meet up end */

/* footer */
.footer{
    display: flex;
    flex-direction: column;
    justify-content: center ;
    margin: 0   !important;
    padding: 0  !important;
}
.usLove{
display: flex;
flex-direction: row;
}
.footer-img{
    /* width: 233px;
height: 350px; */
left: -25px;
overflow: hidden;
position: relative;
background-color: #F1EEE5;
}
.love-text{
display: flex;
flex-direction: column-reverse;
}
.fpp{
    position: relative;
    top: 90px;
    right: 65px;
    font-size:45px;
    z-index: 0;
}
.fppm{
    position: relative;
    top: 50px;
    right: 95px;
    font-size: 96px;
    z-index: 1;
}
/* footer end */
/* media 360 */
@media (min-width: 360px) and (max-width: 374px) {
    .img-contacts {
        width: 318px;
    }

    .left-photo {
        width: 153px;
    }
    .right-photo {
        width: 153px;
    }

    .meet-right {
        left: 28px;
    }
  }
  @media (min-width: 376px)  {
   .btn-btn{
        width: 88.5%;
    } 
  }
 /*media 390 */
@media (min-width: 390px) and (max-width: 413px) {

    .img-contacts {
        width: 340px;
        height: 290px;
    }
    /*.btn-btn{*/
    /*    width: 300px;*/
    /*} */
    .right-photo {
        width: 188px;
    }
    .left-photo {
        width: 188px;
    }
    
/*    .btn-btn{*/
/*    width:305px;*/
/*} */

    /*.L-text-mail {*/
    /*    font-size: 14px;*/
    /*}*/

    .contacts-mail {
        height: 315px;
    }
    
    .date-title-2 {
        padding-top: 150px;
    padding-left: 115px;
  }
  .date {
    top: 110px;
}
.M-text-p {
    bottom: 30px;
}
}
 /*media 413 */
  @media (min-width: 413px) and (max-width: 429px) {
    .img-contacts {
        width: 360px;
        height: 300px;
    }
    .contacts-mail {
        margin-bottom: 20px;
    }
    .right-photo {
        width: 200px;
        height: 291px;
    }
    .left-photo {
        width: 200px;
        height: 291px;
    }
    .phpp {
        left: 145px;
        bottom: 45px;
    }
    

    /*.btn-btn{*/
    /*    width: 325px;*/
    /*} */
    /*.L-text-mail {*/
    /*    font-size: 14px;*/
    /*}*/
    .date-title-2 {
        padding-left: 140px;
        padding-top: 160px;
    }
    .date-img {
        width: 300px;
        height: 367px;
    }
    .date {
    top: 115px;
}
.M-text-p {
    bottom: 50px;
}

  }


   /*media 430 */
  @media (min-width: 430px) and (max-width: 439px) {
    .img-contacts {
        width: 380px;
        height: 300px;
    }
    .contacts-mail {
        margin-bottom: 20px;
    }
    .date-title-2 {
        padding-top: 160px;
        padding-left: 155px;
    }
    /*.L-text-mail {*/
    /*    font-size: 14px;*/
    /*}*/
    .right-photo {
        width: 208px;
        height: 306px;
        right:20px;
    }
    .left-photo {
        width: 208px;
        height: 306px;
        left:20px;
    }
    .phpp {
        left: 155px;
        bottom: 45px;
    }
    .cpp {
        bottom: 220px;
    }
    /*.btn-btn{*/
    /*    width: 345px;*/
    /*} */
    .date-img {
        width: 315px;
        height: 395px;
    }
        .fpp{
    top: 90px;
    right: 80px;
}
.fppm{
    top: 50px;
    right: 110px;
}
.date {
    top: 115px;
}
.M-text-p {
    bottom: 65px;
}
  }

   /*media 430 */
  @media (min-width: 440px) and (max-width: 449px) {
    .img-contacts {
        width: 380px;
        height: 300px;
    }
    .contacts-mail {
        margin-bottom: 20px;
    }
    .date-title-2 {
        padding-top: 170px;
        padding-left: 160px;
    }
    /*.L-text-mail {*/
    /*    font-size: 14px;*/
    /*}*/
    .right-photo {
        width: 208px;
        height: 306px;
        right:20px;
    }
    .left-photo {
        width: 208px;
        height: 306px;
        left: 20px;
    }
    .phpp {
        left: 155px;
        bottom: 45px;
    }
    .cpp {
        bottom: 220px;
    }
    /*.btn-btn{*/
    /*    width: 355px;*/
    /*} */
    .date-img {
        width: 315px;
        height: 395px;
    }
    
      .fpp{
    top: 90px;
    right: 80px;
}
.fppm{
    top: 50px;
    right: 110px;
}

.date {
    top: 130px;
}
.M-text-p {
    bottom: 65px;
}

  }
    

  
  /* media 450 */

  @media (min-width: 450px) {
    .container-fluid{
        width: 450px !important;
    }

    .img-contacts {
        width: auto;
        height: auto;
    }

    .contacts-mail {
        height: 390px;
    }
        .btn-btn {
        width: 90.5%;
    }
  }