/* ЛОГОТИП */
header {

    background-color: #050262;
    color: #fff;
    margin-bottom: 3px;
    
}

header a {
    color: #fff;
    text-decoration: none;
    list-style: none;
}



.logo {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: auto;
}
  
.navigation {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: auto;

}

.soclink {
    display: flex;
    list-style: none;
    align-items: center;
    margin-right: 2px;
}

.soclink a{
    margin-right: 20px;
}

/* Стили для контейнера */
.dropdown {
position: relative;
display: inline-block;
margin-top: 10px;
margin-left: 5px;
}

/* Стили для кнопки-триггера */
.dropdown-toggle {
background-color: #1d81b3;
color: white;
padding: 16px;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
}

/* Стили для выпадающего контента */
.dropdown-content {
display: none;
position: absolute;
background-color: #050262;
color: #fff;
min-width: 160px;
list-style: none;
font-size: larger;
margin-top: 11px;
}

/* Стили для ссылок в выпадающем меню */
.dropdown-content a {
color: #fff;
padding: 12px 16px;
text-decoration: none;
display: block;
}

/* Изменение цвета ссылок при наведении */
.dropdown-content a:hover {
background-color: #1d81b3;
}

/* Отображение выпадающего меню при наведении */
.dropdown:hover .dropdown-content {
display: block;
}

/* Изменение цвета кнопки при наведении */
.dropdown:hover .dropdown-toggle {
background-color: #0374b6;
}




.dropdown:hover .dropdown-content {
display: block;
}

@media (max-width: 710px) {
    .text-header {
        display: none;
    }
}