/* Базовые стили */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html, body {
    height: 100%;       /* задаем высоту 100% для html и body */
    margin: 0;          /* убираем отступы по умолчанию */
    padding: 0;
}
html {
    scroll-behavior: smooth;

}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #000;
    background-color: #fff;
        background: url(index_bg.jpg);
    background-size: cover;      /* масштабирование фонового изображения на весь экран */
    background-position: center; /* центрирование изображения */
    background-repeat: no-repeat; /* запрещаем повтор изображения */
}


a {
    color: #00aaff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

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


.main_block_flags_wrap {
    display: flex;
    gap: 50px;
    justify-content: center;
    height: 100vh;
    align-items: center;
}
.main_block_flags_wrap a {
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 24px;
}
.main_block_flags_item {

}

.main_block_flags_item img {
 width: 300px;
 height: 200px;
 padding-bottom: 20px;;
}





/* ADAPTIVE */

@media (max-width: 686px) {
    .main_block_flags_wrap {
        flex-direction: column;
    }

}