h2 {
    font-size: clamp(0px, 5vw, 60px);
    margin: 0;
    line-height: clamp(0px, 3.8vw, 45.7px);
    font-kerning: none;
    letter-spacing: -0.098em;
    font-family: archivo_black;
    white-space: nowrap;
}

h3 {
    font-size: clamp(0px, 2.5vw, 30px);
    margin: 0;
    line-height: clamp(0px, 3.8vw, 45.7px);
    font-kerning: none;
    letter-spacing: -0.098em;
    font-family: archivo_black;
    white-space: nowrap;
}

.about {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 50px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.about_first {
    display: flex;
    gap: 50px;
    align-items: flex-start;
    justify-content: space-between;
}

.about_second {
    display: flex;
    gap: 50px;
    align-items: flex-start;
    justify-content: space-between;
}

.about_text {
    font-family: josefin_sans;
    font-size: clamp(0px, 1.8vw, 21.6px);
    text-align: justify;
    font-weight: 300;
}

.bot {
    padding: calc(max(20px, 10vw));
    padding-top: min(10vw, 100px);

}

@media only screen and (max-width : 480px) {
    h2 {
        font-size: clamp(0px, 8vw, 96px);
    }

    h3 {
        margin-top: 7px;
        font-size: clamp(0px, 4vw, 48px);
    }
    
    .about_first {
        display: flex;
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }
    
    .about_second {
        display: flex;
        gap: 10px;
        flex-direction: column-reverse;
        align-items: flex;
        justify-content: space-between;
    }

    .about_text {
        font-size: clamp(0px, 3vw, 36px);
    }

    .about {
        gap: 20px;
    }
}