#event-header{
    margin-bottom: 16px;
}
#btn{
 display: flex !important; 
 justify-content: center !important; 
margin-top: 32px;
margin-bottom: 16px;
}
.app-section h2{
    margin-top: 32px;
color: #fff;
text-align: center;
font-family: Rounded Mplus 1c Bold;
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: 86%; /* 43px */
margin-bottom: 32px;
}
@media only screen and (max-width: 1000px) {
 .app-section h2{
    font-size: 40px;
 }
}
@media only screen and (max-width: 768px) {
  .app-section h2{
    margin-top: 16px;
    font-size: 30px;
    margin-bottom: 16px;
   
 }
}
@media only screen and (max-width: 576px) {
  .app-section h2{
    margin-top: 8px;
    font-size: 20px;
    margin-bottom: 16px;
 }
}
.app-section h2 + p{
    margin-top: 0;
    text-align: center;

}
#app-section{
    padding: 16px;
    padding-bottom: 32px;
    margin-bottom: 32px;
}
@media only screen and (max-width: 1000px) {
    #app-section{
        height: fit-content;
        padding-bottom: 32px;
    }
}
@media only screen and (max-width: 768px) {
   #app-section{
    padding: 8px;
    padding-bottom: 16px;
margin-bottom: 16px;
   }
}