.align-center {
    text-align: center;
    
}



.mofont {
    display: block;
    letter-spacing: 2px;
    font-size: 38px !important;
  font-family: "WindSong", cursive;
  font-weight: 500;
  font-style: normal;
    color: var(--pink) !important;
    text-transform: none;
   text-shadow: 0 5px 8px rgb(0 0 0 / 10%);  

}


h1,
h2,
h3,
h4, h5{

 color:var(--black);
  font-family: "Bricolage Grotesque", sans-serif;
    line-height: 1.2;
}

h1 { color:var(--black);
    text-transform: uppercase;
    font-size: 2em;
    padding: 0;
    letter-spacing: 0.8px;
}

h2 {
 color:var(--blue);
    font-size: 40px;
    margin-bottom: 25px;
}

h3 {
    font-size: 28px;

}

h4 {
    font-size: 26px;

}
h5 {
    color: rgba(95, 105, 110, 1);
    text-transform: none;
    line-height: 1.6;
    letter-spacing: 0.2em;
    font-size: 18px;
    text-align: left;

    font-weight: 300;

}

@media only screen and (max-width: 780px) {

h1 {
    font-size: 38px;
}
    h3 {
    font-size: 30px;
}
    h2 {
        font-size: 34px;
}
}

@media only screen and (max-width: 780px) {

h1 {
    font-size: 32px;
}
    h2 {
        font-size: 28px;
}
    h3 {
    font-size: 24px;
}
    
}

@media only screen and (max-width: 550px) {
h4 {
    font-size:18px;
}
}