/* Файл с изменениями на главной странице сайта */

main h1{ /* Стили, приминимые ко всех элементам h1 находящимся в main */
    padding: 20px 0; /* Устанавливает внутренние отступы сверху и снизу */
    text-align: center; /* Устанавливает расположение текста по центру контейнера */
}

main table h2{ /* Стили, приминимые ко всех элементам h2 находящимся в main и table*/
    padding: 10px 0 0 20px; /* Устанавливает внутренние отступы */
    text-align: start; /* Устанавливает расположение текста с начала контейнера */
    font-size: 30px; /* Устанавливает размер шрифта */
}

.name_tour{ /* Стили, приминимые к классу menu__link */
    color: #0a1c34; /* Изменение цвета текста */
}


main p{ /* Стили, приминимые ко всех элементам p находящимся в main */
    text-align: justify; /* Выравнивание текста по ширине */
    font-size: 20px; /* Устанавливает размер шрифта */
    text-indent: 40px; /* Устанавливает красную строку */
    padding-top: 10px; /* Устанавливает внутренние отступы */
}

@media(max-width: 1300px){
    main p{
        font-size: 16px; /* Устанавливает размер шрифта */
        text-indent: 20px; /* Устанавливает красную строку */
    }
    main h1{
        font-size: 28px; /* Устанавливает размер шрифта */
    }
    main h2{
        font-size: 18px; /* Устанавливает размер шрифта */
    }
}

.content img{ /* Стили, приминимые ко всех элементам img находящимся в content */
    width: 100%; /* Устанавливает ширину */
    height: 100%; /* Устанавливает высоту */
    transition: 1s; /* Время эффекта */
    display: block; /* Элемент отображается как блок */
    border-radius: 10px;  /* Скругление углов изображения */
    box-shadow: 0px 5px 5px 5px #0000009c; /* Задание тени объекту */
}

.content img:hover{ /* Стили, приминимые ко всех элементам img находящимся в content при наведении */
transform: scale(1.05); /* Увеличение */
}


.content table{ /* Стили, приминимые ко всех элементам table находящимся в content */
    padding: 20px 0; /* Устанавливает внутренние отступы */
    margin: 0 auto; /* Центрирование объектов */
    border-spacing: 20px 30px; /* Установка границ таблицы */
}

.content table td{ /* Стили, приминимые ко всех элементам td находящимся в content и table*/
    padding: 16px; /* Устанавливает внутренние отступы */
    border: 1px solid #0a1c34; /* Устанавливает границы контейнера */
    box-shadow: 0px 5px 5px 5px #0000009c; /* Задание тени объекту */
    width: 500px; /* Устанавливает ширину */
}

.content table td, .content table p{ /* Стили, приминимые ко всех элементам td и p находящимся в content и table*/
    text-indent: 0px; /* Убирает отступ перед строкой */
    text-align: center; /* Устанавливает расположение текста по центру контейнера */
}

.img_content{ /* Стили, приминимые к классу img_content */
    width: 450px; /* Устанавливает ширину */
    height: 250px; /* Устанавливает высоту */
    margin: 0 auto; /* Центрирование объектов */
}

.date_text{ /* Стили, приминимые к классу date_text */
    padding: 10px 0px 0px 20px; /* Устанавливает внутренние отступы */
    font-size: 24px; /* Устанавливает размер шрифта */
    text-align: start; /* Устанавливает расположение текста с начала контейнера */
}

.price_text{ /* Стили, приминимые к классу price_text */
    padding: 20px 10px 20px 20px; /* Устанавливает внутренние отступы */
    font-size: 28px; /* Устанавливает размер шрифта */
    text-align: end; /* Устанавливает расположение текста с конца контейнера */
}

.price_text::after{ /* Cтили после элемента price_text */
    content: 'РУБ'; /* Вставлять содержание в текст */
    font-size: 20px; /* Устанавливает размер шрифта */
}

.text_tour{ /* Cтили после элемента text_tour */
    margin: 20px; /* Центрирование объектов */
    border: 2px solid #0a1c34; /* Устанавливает границы контейнера */
    box-shadow: 0px 5px 5px 5px #0000009c; /* Задание тени объекту */
    border-radius: 10px;  /* Скругление углов изображения */
}