#header{
background: url(/image/01.jpg)no-repeat;
width: 100%;
background-size:cover;
height: 505px;
}
#header h1 {
 color:white!important;
 text-shadow: 2px 2px black;
}
.header-bg {
background: url(image/01.jpg) repeat-x center bottom;
height: 405px;
text-align: center;
}
.header-bg img {
position: relative;
top: 40px;
}
.logo {

float: right;
font-size: 19px;
font-weight: bold;
background: #5a91b2;
}

@media (max-width:770px) and (min-width:320px){
 #header{
    width: 100%!important;
    height: 455px!important;
    background-repeat: no-repeat!important;
    background-position: center right -817px!important;
    background-size: cover!important;
        display: flex;
    align-items: end;
 }
 #header h1{
         width: 100%;
    background: #00000082;
    margin: 0px;
    padding: 0px;
    padding: 10px 23px;
    text-shadow: 6px 1px 5px black;
 }
}
.ula{
display: flex;
gap: 20px;
margin: 0px;
font-size: 18px;
}
.head1 {
font-size: 1.4em;
background: linear-gradient(
135deg, #ffffff 20%, #ffffff 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
padding: 0.3em 0.6em;
border: 3px solid transparent;
border-image: linear-gradient(
135deg, #12BCB0 20%, #0174c5 70%);
font-family: sans-serif;
}
.head1:hover{
cursor: pointer;
}
.link_menu{
color: white!important;
font-family: inherit;
font-size: 1rem;
padding: 5px;
border-radius: 26px;
}
.link_menu:hover{
cursor: pointer;
transition: 1s;
text-decoration: underline;
}
.heade-block{
height: 40px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: aqua;
background: linear-gradient(#5a91b2, #5a91b2);
z-index: 9999;
}
li {
list-style-type: none;
}
.lang:hover{
cursor: pointer;
}
.lang {
background-image: url(image/ua.gif);
background-size: cover;
padding: 4px;
border-radius: 5%;
height: 23px;
align-items: center;
text-align: center;
display: flex;
color: black;
font-family: 'Circular-Loom';
box-shadow: 0px 2px 5px 5px #ffffff0d;
}
.head3{
display: flex;
gap: 20px;
padding-right: 20px;
}

h1{
padding-left: 15px;
}
.descript{
width: 300px;  - ширина
color: #ffee00;  - цвет
font-style: italic;  - курсив
margin: 70px 0 0 30px;  - расположение
font-size:22px; - размер шрифта
}
.logo {

float: right;
font-size: 19px;
font-weight: bold;
background: #5a91b2;
}
@media (max-width: 768px) and (min-width: 320px) {
.head1 {
top: -8px;
position: absolute;
font-size: 1.4em;
background: linear-gradient(
135deg, #ffffff 20%, #ffffff 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
padding: 0.3em 0.6em;
border: 3px solid transparent;
border-image: linear-gradient(
135deg, #12BCB0 20%, #0174c5 70%);
/* border-image-slice: 1; */
font-family: sans-serif;
}
.ula {
padding-top: 2em!important;
display: flex;
gap: 9px;
margin: 0px;
font-size: 18px;
flex-wrap: wrap;
padding: 0px;
justify-content: center;
padding-bottom: 0.5em;
}
.head3 {
display: flex;
gap: 20px;
padding-right: 20px;
position: absolute;
right: 10px;
top: 8px;
}
.heade-block {
height: auto;
display: flex;
align-items: center;
justify-content: space-between;
background-color: aqua;
background: linear-gradient(#5a91b2, #5a91b2);
/* margin-bottom: -14px; */
z-index: 9999;
}
body{
zoom: 1;
overflow: hidden;
}
.lang_text {
color: white!important;
filter: drop-shadow(3px 4px 4px black);
font-family: system-ui;
font-weight: 600;
} }