@media screen and (max-width:768px) {

    /*html{
    margin: 0;
    padding: 0;
    background: #000;
	}
	
	body{
    width: 300px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    baфckground: #D5DBDB;
    background: url(https://avatars.mds.yandex.net/i?id=31ed4e99e8085fd741e88762b8f289cc9f078db9-8567975-images-thumbs&n=13) repeat;
    background-size: 95%;
    
	}
	
	#top_header{
    width: 300px;
    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;
	}*/
    #m_l_c_content {
        height: auto;
    }

    #m_l_c_name_section {
        width: 100%;
        height: 40px;
        margin: 0;
        padding: 0;
        font-family: Sans-Serif;
        font-size: 140%;
        text-align: center;
        box-shadow: 0px 20px 40px #000;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgb(245, 245, 245, 1);
        position: sticky;
        top: 40px;
    }

    .m_l_c_letter {
        width: 25px;
        margin: 5px;
        margin-top: 20px;
        margin-left: 15px;
        padding: 3px 4px;
        border-radius: 10px;
        font-family: Sans-Serif;
        font-size: 140%;
        text-align: center;
        color: #000;
        display: inline-block;
        background: #f7f9f9;
        position: sticky;
        top: 85px;
    }

    .m_l_c_list_categories {
        margin: 5px;
        margin-top: 0px;
        margin-left: 10px;
        padding: 0;
        font-family: Sans-Serif;
        font-size: 140%;
        font-weight: 600;
        color: #000;
        display: block;
        text-decoration: none;
        text-shadow: 0 0 5px #fff;
    }
	
	.m_l_c_list_categories::first-letter{
		text-transform: capitalize;
	}

    /*footer{
    width: 100%;
    display: flex;
    position: relative;
    bottom: 0;
	}
	
	#footer{
    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%;
	}*/
}