html {
    font-size: 62.5%;
}


body {
    font-family: Segoe UI,SegoeUI,Helvetica Neue, Arial, Helvetica,sans-serif;
    font-style: normal;
    font-size: clamp(1.4rem, 1.6vw, 1.8rem);
    line-height: 1.3;
    font-weight: normal;
    color: #102746;
    background: #020f15;
}    



h1, h2, h3, h4, h5, h6 {
    color: #323343;
    outline: none;
}

h1 {
    font-weight: 500;
    line-height: 1.8;
}




h2 {
    font-weight: 400;
    line-height: 1.4;
}



/* общее выравнивание содержимого на страницах*/
.center-align {
    height: 100%;
    background: url(../img/Map_Background.png) center/contain white;
    max-width: clamp(358px, 90vw, 800px);
    margin: 0 auto;
    padding: clamp(1rem, 3vw, 4rem);
    padding-top: 1.8rem;
    border-radius: 9px;
}

/*Разъяснение clamp.
    padding: clamp(1rem, 3vw, 4rem);
    Ширина экрана: 1920px.
    font-size по умолчанию в браузере 16px. установить для удобства -> font-size: 62.5% =16px × 0,625 =10px (1rem=10px)
Считаем 3vw: 1920px x 0.03 = 57.6px
Работа clamp: Сравниваем 10px(1rem), 57.6px(3vw) и 40px(4rem).*/