body{
   
    background-color:#fcfffb;
        margin:0;
    font-family: 'Montserrat', sans-serif;
}

*,
*:before,
*:after{
    box-sizing: border-box;
}
.header{
    width:100%;
    max-width:850px;
    margin:0 auto;

}
.begin{
    display:flex;
    flex-direction: column;
    justify-content: center;
    margin:0 auto;
    position:absolute;
    top:10%;
    left:0;
    right:0;
    z-index: 1;
}
.container{
    width:100%;
    max-width:580px;
    margin:0 auto;
}
.section{
    width:100%;
    max-width:850px;
    height:130px;
    background:#DE0632;
    margin:0 auto;
}
.footer{
    width:100%;
    max-width:850px;
    height:104px;
    background:#fcfffb;
}
.photoBlock{
    width:100%;
    max-width:760px;
    margin:0 auto;
}
.image{
       width:100%;
       position:relative;
}

.logo{
    display:flex;
    align-items: center;
    margin:0 auto;
}
.mainLogo{
    display:flex;
    justify-content: center;
    margin:0 auto;
}

.text{
    font-size:20px;
    font-weight:bold;
    color:#eb4847;
    padding-left:5px;
}

.mainText{
    font-size:74px;
    color:#DE0632;
    background:rgba(248, 244, 241, 0.86);
    padding-top:47px;
    padding-bottom: 47px;
    padding-left:52px;
    padding-right:52px;
    border-radius:15px;
  
}
.enjoy{
    width:100%
    color:black;
    text-align:center;
    font-size:21.6px;
    padding-top:46px;
    padding-bottom:51px
}
.columns{
    width:100%;
    display:flex;
    justify-content: space-between;
}
.column{
    width:100%;
    max-width:354px;
}
.subscribe{
    display:flex;
    flex-direction: column;
    justify-content: center;
    background:#DE0632;
    text-align:center;
    color:black;
    margin-top:-5px;
    padding-top:15px;
    padding-left:50px;
    padding-right:50px;
}
.boldText{
    font-size:21.6px;
    margin:0;
    color:#fff;
    
}
.afterText{
    font-size:18px;
    font-weight: 100;
    line-height:1.7;
    color:#fff;
}
.photo1,.photo2{
       margin-bottom:17px;
}

.btn{
    display: block;
    margin:0 auto;
    color:#DE0632;
    background-color:#fcfffb;
    border:5px solid #DE0632;
    font-size:18px;
    font-family: 'Montserrat', sans-serif;
    border-radius:15px;
    padding:8px;
    padding-left:18px;
    padding-right:18px;
}
.photoBlock{
    display:flex;
    width:100%;
    margin-bottom:40px;
}
.ph{
    width:100%;
}
.social{
    padding-top:25px;
   display:flex;
    flex-direction: column;
    justify-content:center;
    
}   
    

.beforeText{
    margin:0 auto;
    color:#fcfffb;
    font-size:14.4px;
    margin-bottom:20px;
    
}
.socialLogo{
    width:100%;
    max-width:224px;
   display:flex;
    justify-content: space-around;
    margin:0 auto;
    color:#fcfffb;
    font-size:40px;
}
.footer{
    width:100%;
    max-width:850px;
    margin:0 auto;
}
.information{
    width:100%;
    max-width:350px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
  
}
.copyright{
    font-size:9.36px;
   text-align: center;
    margin-top:21px;
    margin-bottom:23px;
    line-height:1.3;
}
.unsubscribe{
    font-size:10.8px;
  text-align: center;
    color:black;
    text-decoration: underline;
}

@media(max-width:768px){
    
   .mainText{
        margin-top:30px;
        margin:0 auto;
        font-size:60px;
        padding:10px;
    } 
    .section{
    width:100%;
    margin:0 auto;
}
  

}
@media(max-width:575px){
    
 
    .logo{
        display:flex;
      
      
    }
    .pic{
        width:50px;
        height:50px;
    }
    .text{
    font-size:15px;
    font-weight:bold;
    color:#eb4847;
    padding-left:5px;
    }
    
    .mainText{
        margin:0 auto;
        font-size:30px;
        padding:10px;
    }
    .enjoy{
    color:black;
    text-align:center;
    font-size:14px;
    padding:10px;
    margin:0 auto;
   
    }
    
    
    .photo2{
        margin-top:20px;
    }
    .columns{
        display:flex;
        justify-content: space-around;
        flex-wrap:wrap;
    }
    
    .information{
    width:100%;
    max-width:850px;
    margin:0 auto;
}
}