*
{
    margin: 0;
    padding: 0;
    font-family: "Inter-Regular";
}

/* ШАПКА */

header
{
    height: 10vh;
    background: purple;
    line-height: 10vh;
}

.header_conteiner
{
    position: relative;
    display: flex;
    flex-direction: row;
    /* flex-wrap: nowrap; */
    width: 70vw;
    margin: 0 auto;
    justify-content: right;
}

.header_logo_img img
{
    position: absolute;
    left: 0;
    height: 8vh;
    width: 12vw;
    margin-top: 1vh;
}

.header_navigation
{
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 30vw;
    height: 10vh;
}

.header_navigation li
{
    list-style: none;
}

.header_navigation p
{
    font-size: 1.2vw;
    color: #FFFFFF;
    height: min-content;
    line-height: 10vh;
}

.header_navigation a
{
    width: max-content;
    display: block;
    text-decoration: none;
    font-size: 1.2vw;
    color: #FFFFFF;
}

.header_navigation li ul
{
    display: none;
    position: absolute;
    top: 10vh;
}

.header_navigation li:hover ul
{
    display: block;
    width: max-content;
    min-width: 10vw;
    margin-top: -0.5vh;
}

.header_navigation ul li:first-child
{
    border-top: 0.3vw solid purple;
}

.header_navigation ul li 
{
    display:list-item;
    position: relative;
    background-color: #eeeeee;
    padding: 0 15%;
    width: 100%;
    line-height: 0;
}

.header_navigation ul li a
{
    display: inline-block;
    font-weight: 100;
    color: #000000;
    font-size: 1vw;
    width: 100%;
    line-height: 4;
}

.header_navigation ul li:not(:first-child)::after
{
    position: absolute;
    content: '';
    width: 80%;
    height: 0.2vw;
    left: 10%;
    border-bottom: 0.2vw solid #7e7e7e;
}

.header_account_img
{
    position: relative;
    width: 5vh;
    height: 5vh;
    border-radius: 50%;
    margin-left: 30px;
    text-align: center;
    background-image: url(image/header/icon_user.svg);
    background-repeat: no-repeat;
    margin-top: 2.5vh;
}

.image_profile_user
{
    position: absolute;
    top: 0;
    left: 0;
    width: 5vh;
    height: 5vh;
    border-radius: 50%;
}

.header_account
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-decoration: none;
    width: max-content;
}

.header_account p
{
    font-weight: 400;
    font-size: 1.2vw;
    color: #FFFFFF;
    margin-left: 6px;
}

.reporting
{
    top: 15vh;
    right: 0;
    position: fixed;
    color: #fff;
    text-align: center;
    width: max-content;
    max-width: 25vw;
    word-wrap: break-word;
    padding: 1vw;
    font-size: 1.3vw;
    background-color: #484545;
    border-radius: 0.5vw 0 0 0.5vw;
    line-height: 1.5;
}


/* ЗАСТАВКА */

.screensaver
{
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(image/header/screensaver.png);
    /* background-image: url(image/header/3248_1227_banner\ copy.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: purple;
    height: 35vh;
    border-bottom: 0.2vw solid purple;
}

.screensaver > p
{
    font-weight: 700;
    font-size: 32px;
    color: #FFFFFF;
}

/* КОНТЕЙНЕР КОНТЕНТА */

.wrap
{
    width: 70vw;
    margin: 0 auto;
    min-height: 70vh;
}

.wrap > h2
{
    font-weight: 900;
    font-size: 1.7vw;
    letter-spacing: 0.1vw;
    color: #000000;
    margin-top: 2vw;
    width: 100%;
    border-bottom: 0.2vw solid purple;
    padding-bottom: 1%;
    word-wrap: break-word;
    line-height: 1.5;
}

/* ДЕНЬ ПРОСМОТРА КНОПКИ */

.timetable > h2
{
    font-weight: 900;
    font-size: 1.7vw;
    letter-spacing: 0.1vw;
    color: #000000;
    margin-top: 2vw;
    width: 100%;
    line-height: 1.5;
    border-bottom: 0.2vw solid purple;
}

.time_card_conteiner
{
    position: relative;
    width: 80%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 2%;
    padding-bottom: 2%;
}

.time_card_conteiner::after
{
    position: absolute;
    content: '';
    width: 70vw;
    bottom: 0;
    border-bottom: 0.2vw solid purple;
}

.time_card 
{
    display: flex;
    flex-direction: column;
    min-width: 7vw;
    width: max-content;
    border-radius: 0.6vw;
    border: 0.15vw solid purple;
    justify-content: center;
    text-align: center;
    padding: 0.7%;
    cursor: pointer;
}

.time_card :nth-child(1)
{
    font-style: normal;
    font-weight: 600;
    font-size: 1.2vw;
}

.time_card :nth-child(2)
{
    padding-top: 2%;
    font-weight: 400;
    font-size: 1vw;
}

.time_card.active {
    background-color: purple;
    color: #fff;
}

.tabs__item {
    display: none;
}

.tabs__item.active {
    display: block;
}

/* КАРТОЧКИ ФИЛЬМОВ */

.notification
{
    margin-top: 2vw;
    font-size: 1.5vw;
}

.movie_card
{
    padding: 1vw 0;
    display: flex;
    flex-direction: row;
    height: 30%;
    border-bottom: 2px solid purple;
}

content .movie_card:last-child
{
    border-bottom: unset;
}

.movie_card_image
{
    width: 17vw;
    height: 20vw;
    margin-left: 1.5vw;
    border-radius: 0.5vw;
}

.movie_card_content
{
    margin-left: 1.5vw;
    width: 100%;
}

.movie_card_content > a 
{
    display: inline-block;
    font-weight: 400;
    color: purple;
    font-size: 1.9vw;
    margin-bottom: 3%;
    text-decoration: none;
}

.movie_card_content > p
{
    font-style: normal;
    font-weight: 400;
    font-size: 1.2vw;
    color: #000000;
    margin-bottom: 0.2vw;
}

.movie_card_content > p:nth-child(4) 
{
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color: #000000;
    margin-top: 3%;
}

/* КАРТОЧКИ СЕАНСОВ */

.session
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 60%;
    margin-top: 3%;
    color: #FFFFFF;
    gap: 0.3vw;
}

.session_card
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: center;
    width: 4.2vw;
    height: 3vw;
    border-radius: 0.5vw;
    padding: 0.3vw;
    background: purple;
    color: #FFFFFF;
    text-decoration: none;
}

.session_card > p
{
    width: 100%;
    text-align: center;
}

.session_card > p:nth-child(1)
{
    font-weight: 400;
    font-size: 0.7vw;
}

.session_card > p:nth-child(2)
{
    font-weight: 600;
    font-size: 0.9vw;
}

.session_card > p:nth-child(3)
{
    font-weight: 400;
    font-size: 0.6vw;
}


/* РЕГИСТРАЦИЯ И АВТОРИЗАЦИЯ*/

.form_content
{
    display: flex;
    flex-direction: column;
    width: max-content;
    margin: 60px auto;
    text-align: center;
    border-radius: 5px;
    padding: 20px;
    margin: 40px auto;
    box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.2);
}

.form_content > a
{
    margin-top: 20px;
    text-align: center;
    color: purple;
}

.form_content > p
{
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
}

form
{
    display: flex;
    flex-direction: column;
    width: max-content;
}

form input
{
    border: unset;
    margin-top: 20px;
    border-bottom: 0.1vw solid gray;
    width: 300px;
    font-size: 16px;
    outline: none;
    outline-offset: 0;
    padding-bottom: 3px;
}

form label
{
    margin-top: 20px;
    margin-bottom: 10px;
    color: gray;
    text-align: left;
}

form input[type="file"]
{
    margin-top: 0;
    border-bottom: unset;
}

.authorization, .registration
{
    width: max-content;
    margin: 0 auto;
}

.authorization input[type="submit"], .registration input[type="submit"]
{
    background-color: purple;
    color: #FFFFFF;
    padding: 10px;
    border-radius: 0.5vw;
}

.upd_form_wrap
{
    margin: 2vw;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 2vw;
}

.upd_form_wrap .form_content
{
    margin: unset;
    height: min-content;
}



/* СЕССИЯ */

/* фильм */
.film_booking
{
    margin-top: 2vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.film_booking img
{
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
}

.film_booking_info
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 2vw;
}

.film_booking_info h2
{
    font-size: 2vw;
    width: 100%;
}

.film_booking_info p
{
    font-size: 1.2vw;
    padding-right: 0.5vw;
}

.film_booking_info p:not(:nth-child(2))
{
    height: min-content;
    padding-left: 0.5vw;
    border-left: 0.15vw solid #7b7b7b;
}

/* места */
.seat_conteiner
{
    display: flex;
    flex-direction: column;
    width: 80vw;
    margin: 4vw auto;
}

.row_conteiner
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0.6vw 0;
    line-height: 2;
}

.row_conteiner .row
{
    font-size: 1vw;
}


.row_conteiner_seat
{
    width: max-content;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
}

.seat
{
    /* position: relative; */
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    background-color: #484545;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    margin-right: 1vw;
    font-size: 1vw;
}

/* .seat.comfort
{
    box-shadow: 0 0 0.4vw 0.2vw #2d3effe0;
} */


.seat_taken
{
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    background-color: purple;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    margin-right: 1vw;
    font-size: 1vw;
}

.seat_booking
{
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    background-color: #7b7b7b;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    margin-right: 1vw;
    font-size: 1vw;
}

.order_conteiner
{
    background-color: rgb(64, 64, 64);
    width: 97%;
    border-radius: 1vw;
    padding: 1vw;
    margin-bottom: 2vw;
}

.order_conteiner h2
{
    color: #FFFFFF;
    padding: 1vw 2vw;
    font-size: 1.5vw;
}

.order_item
{
    padding-left: 1vw;
    display: flex;
    flex-direction: row;
    border-top: 0.15vw solid #FFFFFF;
    color: #FFFFFF;
}

.order_item > span
{
    width: 25%;
    line-height: 5;
    font-size: 1vw;
}

.order_item .delit_ticket_btn
{
    width: 25%;
    text-align: right;

}

.sum_ticket
{
    margin: 0.5vw 1vw;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 1.3vw;
    color: #fff;
    gap: 5vw;
}

.delit_ticket_btn a
{
    padding-right: 1vw;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1.5vw;
    line-height: 3;
}

.booking_ticket_btn
{
    text-align: right;
    margin-bottom: 2vw;
}

.booking_ticket_btn a
{
    text-decoration: none;
    display: inline-block;
    width: max-content;
    font-size: 1.2vw;
    padding: 1vw 2vw;
    border-radius: 0.5vw;
    background-color: purple;
    color: #FFFFFF;
}

.cancel_session
{
    text-align: center;
    margin: 2vw 0;
    font-size: 1.2vw;
}




/* ФИЛЬМЫ */

content > .movie_conteiner
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 67vw;
    margin: 2% auto;
}

.movie
{
    margin-bottom: 1%;
    margin-right: 1%;
    position: relative;
    width: 16vw;
    height: 22vw;;
}

content .movie_conteiner .movie img
{
    width: 16vw;
    height: 100%;
    border-radius: 0.5vw;
}

content .movie_conteiner .movie .movie_info
{
    top: 0;
    left: 0;
    display: none;
    position: absolute;
    background-color: #121212e0;
    width: calc(16vw - 9%) ;
    height: calc(45vh - 8%) ;
    border-radius: 0.5vw;
    padding: 5%;
    height: 93%;
}

content > .movie_conteiner .movie:hover .movie_info
{
    display: block;
}

.movie .movie_info .movie_info_item
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    align-content: center;
    justify-content: center;
    height: 75%;
}

.movie .movie_info p
{
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    width: 100%;
    margin-top: 5%;
}

.movie .movie_info .film_age:nth-child(1)
{
    text-align: right;
}

.movie .movie_info .name_movie
{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 20px;
    word-wrap: break-word;
    margin-bottom: 10%;
}

.movie .movie_info .submit_movie
{
    display: block;
    width: 70%;
    padding: 2%;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    background-color: purple;
    border-radius: 0.5vw;
    margin: 0 auto;
    cursor: pointer;
    text-decoration: none;
}

/* ФИЛЬМЫ ПОДРОБНЕЕ */

.film_content
{
    margin: 2vw 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}

.film_content h2
{
    font-weight: 800;
    font-size: 1.5vw;
    color: #000000;
    width: 100%;
    border-bottom: 0.2vw solid purple;
    padding-bottom: 1%;
    word-wrap: break-word;
    line-height: 1.5;
}

.film_content_details
{
    width: 67%;
}

.film_content_schedule
{
    margin-bottom: 2vw;
}

.film_content_info h4
{
    font-weight: 500;
    font-size: 1.2vw;
    margin-bottom: 0.5vw;
}

.film_content_info p
{
    color: #7e7e7e;
    font-size: 1.2vw;
    margin-bottom: 0.5vw;
}

.description_film p
{
    word-wrap: break-word;
    color: #000000;
    font-size: 1.2vw;
    line-height: 1.5;
}

.film_content_image
{
    margin-left: 3%;
    width: 30%;
    text-align: right;
}

.film_content_image img
{
    border-radius: 0.5vw;
    width: 100%;
    height: 30vw;
}

.session_card_conteiner
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 0.5vw;
}

.time_card_conteiner_film
{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 2%;
    padding-bottom: 2%;
}

/* .time_card_conteiner_film::after
{
    position: absolute;
    content: '';
    width: 100%;
    bottom: 0;
    border-bottom: 0.2vw solid #D32121;
} */

.cinema_film
{
    margin: 1vw 0;
}

.cinema_film a
{
    display: inline-block;
    text-decoration: none;
    color: purple;
    font-weight: 600;
    font-size: 1.2vw;
    margin-bottom: 0.5vw;
}

.cinema_film p:nth-child(2)
{
    font-size: 1vw;
}

.notification_film
{
    font-size: 1.2vw;
    line-height: 2;
}


/* КИНОТЕАТР */

.cinema_conteiner
{
    margin-bottom: 2vw;
}

.cinema_item
{
    width: 100%;
    margin: 2vw 0 0 1.5vw;
    height: 15vw;
}

.cinema_item img
{
    width: 30vw;
    height: 15vw;
    float: left;
    margin-right: 2vw;
    border-radius: 1vw;
}

.cinema_item_detalis
{
    display: flex;
    flex-wrap: wrap;
    height: 14vw;
}

.cinema_item_detalis > a
{
    color: purple;
    display: inline-block;
    text-decoration: none;
    font-size: 1.8vw;
    height: min-content;
    margin-bottom: 0.2vw;
}

.cinema_item_detalis_info
{
    width: 100%;
}

.cinema_item_detalis_info > p
{
    font-size: 1.1vw;
    height: min-content;
    margin-bottom: 1vw;
}

.cinema_item_detalis_info i
{
    color: #484545;
    font-size: 1.3vw;
    margin-right: 2%;
}

.cinema_submit_conteiner
{
    align-self: flex-end;
}

.cinema_item_detalis .cinema_submit_conteiner > .cinema_submit
{
    color: #FFFFFF;
    background-color: purple;
    text-decoration: none;
    font-size: 1.5vw;
    padding: 0.5vw 1vw;
    border-radius: 1vw;
    margin-right: 1vw;
}

.carta
{
    margin: 2vw 0;
}


.info_cinema
{
    width: 100%;
    margin: 2vw 0 0 0;
    height: 15vw;
}

.info_cinema_detalis
{
    height: 10vw;
}

.info_cinema_detalis > p
{
    width: 100%;
    font-size: 1.1vw;
    height: min-content;
    margin-bottom: 1vw;
}

.info_cinema_detalis i
{
    color: #484545;
    font-size: 1.5vw;
    margin-right: 2%;
}

.description_cinema
{
    margin-bottom: 2vw;
}

.description_cinema > h3
{
    margin: 2% 0;
    font-size: 1.5vw;
}

.description_cinema > p
{
    font-size: 1vw;
    min-height: 1vw;
    line-height: 1.7;
}

/* ПРОФИЛЬ */

.profile_wrap
{
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 2vw 0;
}

.profile_img
{
    width: 18vw;
    height: 25vw;
    margin-right: 2vw;
}

.profile_details
{
    width: 100%;
    height: 25vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
}

.profile_info > p
{
    width: 100%;
    font-size: 1.3vw;
    margin-bottom: 1vw;
}

.profile_info p:nth-child(1)
{
    margin-bottom: 1.5vw;
    line-height: 1;
    font-size: 2vw;
}

.profile_info_actions
{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.profile_info_actions a
{
    width: 12vw;
    color: #fff;
    background-color: #484545;
    text-decoration: none;
    margin-top: 1.5vw;
    text-align: center;
    line-height: 2;
    font-size: 1vw;
    border-radius: 0.5vw;
}

.profile_info_actions a:hover
{
    background-color: purple;
}

.cansel_profile
{
    position: fixed;
    top: 25vh;
    right: 0;
    background-color: purple;
    border-radius: 0.5vw 0 0 0.5vw;
}

.cansel_profile a
{
    display: inline-block;
    padding: 1vw 5vw;
    color: #eeeeee;
    text-decoration: none;
}


.ticket_conteiner h2
{
    font-size: 2vw;
}

.ticket_btn_conteiner
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 2vw;
    padding-bottom: 0.5vw;
}

.ticket_btn_conteiner .ticket_btn
{
    font-weight: 600;
    font-size: 1.5vw;
    margin-right: 2vw;
    cursor: pointer;
    color: #616161;
}

.ticket_btn_conteiner .ticket_btn:hover
{
    color: #252525;
}


.ticket_btn_conteiner .ticket_btn.active
{
    position: relative;
    padding-bottom: 0.5vw;
    color: #252525;
}

.ticket_btn_conteiner .ticket_btn.active::after
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 35%;
    width: 30%;
    height: 0.2vw;
    background-color: purple;
}

.ticket_info
{
    margin: 1vw 0 2vw 0;
}

.ticket_info > p
{
    font-size: 1.5vw;
}

.ticket_info table
{
    text-align: center;
    border-collapse: collapse;
}

.ticket_info tr:not(:last-child)
{
    border-bottom: 0.15vw solid #7b7b7b;
}

.ticket_info th
{
    background-color: #484545;
    color: #eeeeee;
    font-size: 1.2vw;
    padding: 1vw;
}

.ticket_info td
{
    padding: 1vw;
    font-size: 1.3vw;
}

/* о нас */
.about_us_content
{
    margin: 2vw 0;
}

.about_us_content p
{
    line-height: 1.7;
    margin-bottom: 1vw;
}


/* ПОДВАЛ */

footer 
{
    height: 15vh;
    background: purple;
    padding: 5vh 0;
}

.footer_wrap
{
    width: 70vw;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.footer_nav
{
    display: flex;
    flex-direction: column;
}

.footer_nav a
{
    text-decoration: none;
    font-style: normal;
    font-weight: 100;
    font-size: 1.2vw;
    color: #FFFFFF;
    margin-bottom: 13%;
}

.footer_contacts p:first-child
{
    margin-bottom: 5%;
}

.footer_contacts p
{
    font-style: normal;
    font-weight: 100;
    font-size: 1.2vw;
    color: #FFFFFF;
    margin-bottom: 5%;
}

.footer_social_network
{
    display: flex;
    flex-direction: row;
    gap: 5vw;
}

.footer_social_network a
{
    text-decoration: none;
}

.footer_social_network .social_network_item
{
    width: 4vw;
    height: 4vw;
    border-radius: 0.5vw;
}

@font-face
{
    font-family: "Inter-Regular";
    src: url(font/Inter-Regular.otf);
}

/* @media (min-width: 1900px){

    .screensaver > p
    {
        font-size: 48px;
    }

    .header_navigation p,
    .header_navigation a,
    .header_account > a
    {
        font-size: 24px;
    }

    .header_navigation ul li a
    {
        font-size: 16px;
    }
    
    .movie .movie_info .submit_movie,
    .movie .movie_info p
    {
        font-size: 20px;
    }

    .movie .movie_info .name_movie
    {
        font-size: 26px;

    }

    .footer_contacts p,
    .footer_nav a
    {
        font-size: 24px;
    }

    .footer_social_network .social_network_item
    {
        width: 90px;
        height: 90px;
    }
} */

/* @media (max-width: 1300px){


    .movie .movie_info .submit_movie,
    .movie .movie_info p
    {
        font-size: 12px;
        border-radius: 5px;
    }

    .movie .movie_info .name_movie
    {
        font-size: 14px;

    }
} */

@media (max-width: 801px){
    .info_cinema_detalis > p,
    .cinema_conteiner > p
    {
        font-size: 1.5vw;
    }

    .screensaver > p
    {
        font-size: 24px;
    }

    .header_navigation p,
    .header_navigation a,
    .header_account > p
    {
        font-size: 10px;
    }

    .header_navigation ul li a
    {
        font-size: 10px;
    }

    .movie_card_content > a 
    {
        font-size: 2.5vw;
    }

    .movie_card_content > p
    {
        font-size: 1.5vw;
    }

    .session_card {
        width: 5vw;
        height: 4vw;
        padding: 0.5vw;
    }
    
    .session_card > p:nth-child(2) {
        font-size: 1.2vw;
    }

    .session_card > p:nth-child(1)
    {
        font-size: 0.9vw;
    }
    .session_card > p:nth-child(3) 
    {
        font-size: 1vw;
    }

    .movie_card_image {
        width: 20vw;
        height: 26vw;
    }
    
    .movie .movie_info .submit_movie,
    .movie .movie_info p
    {
        font-size: 8px;
        border-radius: 2px;
    }

    .movie .movie_info .name_movie
    {
        font-size: 10px;

    }

    .footer_nav a
    {
        font-size: 12px;
    }

    .footer_contacts p
    {
        font-size: 12px;
    }

    .footer_social_network .social_network_item
    {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 651px){

    .screensaver > p
    {
        font-size: 18px;
    }

    .header_account {
        width: 40vw;
    }

    .header_navigation
    {
        width: 50vw;
    }

    .header_navigation p,
    .header_navigation a,
    .header_account > p
    {
        font-size: 10px;
    }

    .header_navigation ul li a
    {
        font-size: 8px;
    }
    
    .movie .movie_info .submit_movie,
    .movie .movie_info p
    {
        font-size: 6px;
    }

    .movie .movie_info .name_movie
    {
        font-size: 7px;

    }

    .footer_nav a
    {
        font-size: 10px;
    }

    .footer_contacts p
    {
        font-size: 10px;
    }

    .footer_social_network .social_network_item
    {
        width: 40px;
        height: 40px;
        border-radius: 5px;

    }
}