*, *:after, *:before {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    /*transition: .5s ease-in-out;*/
    /* добавим плавность переходов для всех элементов страницы*/
}
    ul {
    list-style: none;
}

a {
    text-decoration: none;
    outline: none;
}

img {
    display: block;
    width: 100%;
}

body {
    font-family: 'Alegreya Sans', sans-serif;
    line-height: 1.3;
}

:root {
    --dark:#0C3444;
    --white:#ffffff;
    --blue:#228FBD;
    --harmony:#bd5022;
    --border:#E6E7EB;
    --light:#828699;
}

@media (min-width: 1140px) {

body {
    overflow-x: hidden;
}
body::-webkit-scrollbar {
    display: none;
}
.nav {
    width: 100%;
    
}
.nav h2 {
    font-size: 1.04vw;
    color: var(--dark);
    font-weight: 700;
    width: 100%;
    text-align: left;
    
}


.nav a {
    margin-bottom: 1vw;
    display: flex;
    gap: 0.52vw;
    
}

.nav a .circle {
    width: 0.52vw;
    height: 0.52vw;
    min-width: 0.52vw;
    min-height: 0.52vw;
    background-color: var(--blue);
    border-radius: 50%;
    margin-top: 0.3vw;
    
}




}

@media (max-width: 1140px) {

.nav h2 {
    font-size: 3.89vw;
    color: var(--dark);
    font-weight: 700;
    width: 100%;
    text-align: left;
    
}


.nav a {
    margin-bottom: 1vw;
    display: flex;
    gap: 2vw;
    
}

.nav a .circle {
    width: 1.67vw;
    height: 1.67vw;
    min-width: 1.67vw;
    min-height: 1.67vw;
    background-color: var(--blue);
    border-radius: 50%;
    margin-top: 1.6vw;
    
}
}