.article{

    width:min(90%, 900px);

    margin:80px auto;

}


.article h1{

    font-family:Georgia,"Times New Roman",serif;

    font-size:clamp(40px, 6vw, 70px);

    font-weight:400;

}


.subtitle{

    font-size:clamp(20px, 3vw, 28px);

    margin-top:20px;

    color:#555;

}


.text{

    margin-top:45px;

    font-size:clamp(17px, 2vw, 20px);

    line-height:1.7;

}


.section-title{

    margin-top:55px;

    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

    font-size:clamp(24px,3vw,32px);

    font-weight:500;

}


.section-title + .text{

    margin-top:10px;

}


@media(max-width:600px){


    .article{

        width:90%;

        margin:50px auto;

    }


    .article h1{

        font-size:clamp(35px, 10vw, 45px);

    }


    .subtitle{

        font-size:21px;

    }


    .text{

        font-size:18px;

        line-height:1.6;

    }


    .section-title{

        font-size:26px;

    }

}


.back-button{

    display:inline-block;

    margin-bottom:35px;

    color:#0071e3;

    text-decoration:none;

    font-size:17px;

    transition:opacity .2s ease;

}


.back-button:hover{

    opacity:.55;

}