body {
    margin: 0;
    padding: 0;
}

a {
    color: black;
    text-decoration: none;
}

.click {
    display: block;
}

nav {
    position: fixed;
    width: 99.5%;
    display: flex;
    background: white;
    color: black;
    font-family: cursive;
    padding: 5px;
}

.header_section {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.header_item {
    flex-grow: 1;
    padding: 15px 15px;
    font-size: 2vh;
    margin-left: 20px;
    border: thick double #DAA520;
    text-align: center;
    color: white;
}

h1 {
    background: url("image/background.jpg") no-repeat top center; /* расположение картинки фона*/
    height: 100vh; /* высота блока*/
    color: #DAA520; /* цвет заголовка*/
    text-align: center; /* текст по центру*/
    font-size: 7vh; /* размер заголовка*/
    font-family: Century Gothic; /* шрифт*/
    line-height: 30vh; /* отступ заголовка сверху*/
    background-size: cover; /* растянуть картинку во всю ширину окна*/
    margin: 0; /*закрытие верхнего странного просвета*/
}

/*Приветственный блок*/

.principal {
    display: flex; /*Флекс-контейнер*/
    background-color: #fafafa; /*Цвет фона*/
    text-align: center; /*Текст по центру*/
    padding-bottom: 12vh; /*Внутренний отступ снизу*/
    font-size: 2.5vh; /*Размер шрифта*/
    flex-direction: column; /*Расположение элементов в контейнере*/
    justify-content: center; /*Расположение флекс-элементов между собой*/
    align-items: center; /*Центрирование элементов*/
}

.welcome {
    font-family: Marapfhont; /*Шрифт*/
    font-size: 10vh; /*Размер шрифта*/
    letter-spacing: 1vh; /*Расстояние между буквами*/
}

.start {
    font-family: SourceSansPro-Light; /*Шрифт*/
    margin-block-start: 0em; /*Обнуление встроенного в <p> верхнего отступа*/
    margin-block-end: 0em; /*Обнуление встроенного в <p> нижнего отступа*/
    width: 80vh; /*Ширина текста*/
}

.content {
    display: flex; /*Флекс-контейнер*/
    flex-wrap: wrap; /*Перенос непомещающихся элементов*/
    padding-bottom: 10vh; /*Внутренний отступ снизу*/
    text-align: center;
    flex-direction: column;
}

h2 {
    font-family: Marapfhont; /*Шрифт*/
    font-size: 5vh; /*Размер шрифта*/
    letter-spacing: 1vh; /*Расстояние между буквами*/
    font-weight: unset; /*Обнуление встроенный жирности заголовка*/
    margin-block-start: 1em; /*Верхний отступ h2*/
    margin-block-end: 0em; /*Нижний отступ h2*/
}

.content1 {
    display: flex;
    flex-wrap: wrap; /*Перенос непомещающихся элементов*/
    flex-direction: row;
    justify-content: center;
    text-align: center;
    align-items: center;
}

.pic {
    margin: 1%;
}

.img {
    height: 60vmin;
}

.content2 {
    width: 70%; /*Ширина текста*/
    font-family: SourceSansPro-Light; /*Шрифт*/
    font-size: 2.5vh; /*Размер шрифта*/
    margin-block-start: 0em;
    margin-block-end: 0em;
    text-align: justify;
}

h3 {
    font-family: Marapfhont; /*Шрифт*/
    font-size: 10vh; /*Размер шрифта*/
    letter-spacing: 1vh; /*Расстояние между буквами*/
    font-weight: unset; /*Обнуление встроенный жирности заголовка*/
    margin-block-start: 1em; /*Верхний отступ h3*/
    margin-block-end: 0em; /*Нижний отступ h3*/
}

.difference {
    display: flex; /*Флекс-контейнер*/
    flex-direction: column; /*Расположение элементов в контейнере*/
    flex-wrap: wrap; /*Перенос непомещающихся элементов*/
    justify-content: center; /*Расположение элементов по центру*/
    padding-bottom: 12vh; /*Внутренний отступ снизу*/
    align-items: center; /*Центрирование элементов*/
}

h4 {
    font-family: Marapfhont; /*Шрифт*/
    font-size: 10vh; /*Размер шрифта*/
    letter-spacing: 1vh; /*Расстояние между буквами*/
    font-weight: unset; /*Обнуление встроенный жирности заголовка*/
    margin-block-start: 1em; /*Верхний отступ h4*/
    margin-block-end: 1em; /*Нижний отступ h4*/
}

table {
    font-size: 2vmin; /*Размер шрифта*/
    border-spacing: 0; /*Размер линий таблицы*/
    text-align: center; /*Текст по центру*/
    font-family: SourceSansPro-Light; /*Шрифт*/
}

th {
    background: #a29b87; /*Цвет шапки таблицы*/
    color: white; /*Цвет текста в шапке*/
    padding: 10px 20px; /*Внутренний отступ по вертикали и горизонтали в шапке*/
}

th, td {
    border-style: solid; /*Ширина линий таблицы*/
    border-color: white; /*Цвет линий*/
}

th:first-child, td:first-child {
    font-weight: bold; /*Жирный текст в первой колонке*/
}

td {
    padding: 10px 20px; /*Внутренний отступ по вертикали и горизонтали в теле*/
    background: #a0a0a0; /*Цвет тела таблицы*/
}

h5 {
    display: flex;
    font-family: Marapfhont; /*Шрифт*/
    font-size: 8vh; /*Размер шрифта*/
    letter-spacing: 1vh; /*Расстояние между буквами*/
    font-weight: unset; /*Обнуление встроенный жирности заголовка*/
    margin-block-start: 0; /*Верхний отступ h5*/
    margin-block-end: 0; /*Нижний отступ h5*/
}

.gallery {
    display: flex;
}

.contacts {
    display: flex;
    background-color: darkgrey;
    color: white;
    flex-direction: column;
    flex-wrap: wrap; /*Перенос непомещающихся элементов*/
    justify-content: center; /*Расположение элементов по центру*/
    padding-bottom: 12vh; /*Внутренний отступ снизу*/
    font-family: SourceSansPro-Light;
    font-size: 2.5vh;
    align-items: center;
    text-align: center;
}

footer {
    background-color: black;
    color: white;
    padding-bottom: 1%;
    padding-top: 1%;
    font-family: SourceSansPro-Light;
    text-align: center;
}