@media screen and (max-width:768px) {
    html {
		height: auto;
        margin: 0;
        padding: 0;
        /*background: #000;*/
    }

    body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        background: #fff;
        /*background: url(https://avatars.mds.yandex.net/i?id=31ed4e99e8085fd741e88762b8f289cc9f078db9-8567975-images-thumbs&n=13) repeat;*/
        background-size: 80%;
    }

    #!top_header {
        width: 100%;
        height: 40px;
        display: flex;
        background: #1C2833;
        position: fixed;
        z-index: 1;
    }

    #!location_top_header {
        margin-left: 3px;
        padding: 3px 5px;
        border: 1px solid #fff;
        border-radius: 7px;
        font-family: Sans-Serif;
        font-size: 120%;
        color: #fff;
        white-space: nowrap;
        flex: 0 1 auto;
        align-self: center;
    }

    #!login_top_header {
        margin-left: auto;
        max-width: 250px;
        /*border: 1px solid #1e90ff;*/
        color: #FFEE58;
        font-family: Sans-Serif;
        font-size: 160%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        flex: 0 1 auto;
        align-self: end;
    }

    #!avatar_top_header {
        aspect-ratio: 1;
        height: 88%;
        margin: auto 4px;
        padding: 0;
        /*border: 1px solid #cecece;*/
        border-radius: 5px;
        flex: 0 1 40px;
        background: #fefefe;
    }

    #!img_avatar_top_header {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border-radius: 5px;
        object-fit: cover;
    }

    #header {
        aspect-ratio: 19/10;
        width: 100%;
        background: #1e90ff;
        background: url(https://celes.club/uploads/posts/2023-03/1679551399_celes-club-p-belii-zernistii-fon-oboi-31.jpg) no-repeat;
        background-size: cover;
        position: relative;
    }

    #logotip {
        width: 80px;
        margin: 4px;
        margin-top: 45px;
    }

    .container {
        width: 80%;
        height: 27px;
        justify-content: center;
        align-items: center;
        align-self: end;
        /*font-family: Sans-Serif;*/
        /*font-size: 140%;*/
        display: flex;
        background: #202020;
        background: transparent;
        position: absolute;
        left: 10%;
        bottom: 0px;
    }

    .rotate {
        font-family: Sans-Serif;
        font-size: 85%;
    }

    u {
        color: #D35400;
        font-weight: 550;
    }

    #h_p_slider {
        aspect-ratio: 16/10;
        width: 100%;
        background: #cecece;
		object-fit: cover;
        /*background: url(https://www.kp40.ru/pictures/releases/82209/picture-845h.jpg) no-repeat;*/
        /*background: url(https://bogatyr.club/uploads/posts/2023-02/1675508314_bogatyr-club-p-stroika-art-foni-1.jpg) no-repeat;*/
        /*background-size: cover;*/
    }

    .h_p_img_slider {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #h_p_general_menu {
        width: 96%;
        margin: 0px auto;
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
    }

    .h_p_menu {
        /*aspect-ratio: 1;*/
        width: 25%;
        margin: 16px 0%;
        padding: auto 0px;
        /*border: 1px solid #cecece;*/
        /*border-radius: 10px;*/
        /*font-family: Sans-Serif;*/
        /*font-size: 80%;*/
        text-decoration: none;
        text-align: center;
        align-items: end;
        flex-grow: 1;
        /*box-shadow: 0 0 5px #000;*/
        /*background: RGB(229, 231, 233, 1);*/
        /*overflow: hidden;*/
    }

    .h_p_img_menu {
        aspect-ratio: 1;
        width: 83%;
        margin: 0 auto;
        padding: 0;
        /*border: 1px solid #000;*/
        border-radius: 10px;
        box-shadow: 0 0 5px #000;
        /*box-shadow: inset 0 0 30px #000;*/
		display: flex;
        background: RGB(229, 231, 233);
        background: RGB(229, 231, 233, 0.5);
        /*background: url(https://prorab-service.ru/images/menu_sota.png) no-repeat;*/
        background-size: cover;
    }

    .h_p_img_menu:hover {
        /*aspect-ratio: 1;*/
        width: 89%;
        margin: -3.3% auto;
    }
	
	.h_p_img_icons{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		/*background: #1e90ff;*/
	}

    .h_p_section_name {
        margin: 0;
        margin-top: 10px;
        padding: 0;
        font-family: Sans-Serif;
        font-size: 85%;
        font-weight: 550;
        color: #000;
    }

    #h_p_transparent {
        border: transparent;
        box-shadow: 0 0 0px #000;
        background: transparent;
    }

    #h_p_feedback {
        aspect-ratio: 20/2.7;
        width: 80%;
        margin: 0 10%;
        margin-top: 40px;
        margin-bottom: 25px;
        padding: 5px 0;
        border: 1px solid #32cd32;
        border-radius: 10px;
        box-shadow: 0 0 12px #000;
        display: flex;
        align-items: center;
        align-self: center;
        text-align: center;
        justify-content: center;
        font-family: Sans-Serif;
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        background: #32cd32;
    }

    #h_p_content {
        aspect-ratio: 20/9;
        width: 90%;
        margin: 10px auto;
        padding: 0;
        border-radius: 10px;
        box-shadow: 0 0 5px #000;
        display: flex;
        background: url(https://kartinki.pics/uploads/posts/2021-04/1617304438_56-p-stroitelnii-fon-60.png) no-repeat;
        background-size: cover;
        object-fit: cover;
    }

    footer {
        width: 100%;
        display: flex;
        position: relative;
        bottom: 0;
    }

    #xfooter {
        aspect-ratio: 16/9;
        width: 100%;
        margin: 0;
        margin-top: 30px;
        padding: 0;
        color: #fff;
        text-align: center;
        display: flex;
        align-items: end;
        align-self: end;
        justify-content: center;
        background: RGB(127, 140, 141, 0.5);
        /*background: url(https://phonoteka.org/uploads/posts/2021-12/1640054934_49-phonoteka-org-p-chernii-fon-dlya-saita-besshovnii-krasivo-50.jpg) repeat;*/
        background-size: 50%;
    }
}