.main-navigation {
/*    position: fixed;*/
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
/*    padding: 20px;*/
    padding: 10px;
    border-bottom: 1px solid #858885;
}
.main-navigation__logo-image {
    width: 120px;
/*
    margin-right: 20px;
   padding-right: 10px;
*/
    margin-left: 4vw;
}
.main-navigation__social-icon {
    width: 16px;
}
.main-navigation__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1350px;
    margin: 0 auto;
}
.main-navigation__logo-link {
    font-family: 'Life Savers', cursive;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
    color: #0c390c;
    display: flex;
    align-items: center;
    font-size: 30px;
    letter-spacing: 1px;
}
.main-navigation__menu {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}
.main-navigation__menu-item {
    margin-left: 40px;
    padding: 5px 0;
}
.main-navigation__menu-item:hover {
    border-bottom: 2px solid #696a69;
}
.main-navigation__link {
    text-decoration: none;
    color: #696a69;
    text-transform: uppercase;
    font-size: 14px;
}
@media(max-width: 991px) {
    .main-navigation__inner {
        flex-wrap: wrap;
    }
/*
    .main-navigation__link {
        flex-wrap: wrap;
    } 
*/
}
.nav_icon {
    float: right;
    padding-right: 2vw;
}
/*
.main-navigation__inner {
padding: 0;       
background-color: rgb(240, 240, 224);
width: 100vw;
list-style: none;
top: 0;
margin: 0 auto;
float: right;
}
.nav {
display: inline-block;
padding: 10px;
}
nav {
display: inline-block;
background: white;
width: 100%;
height: 2.5vw;
text-align: center;
list-style: none;
z-index: 1;
}
li {
display: inline-block;
padding: 0;
}
.main-navigation {
text-decoration: none;
margin: 0.2vw 0;
padding: 0 3px;
color: #22130a;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
flex-wrap: wrap;
}
.main-navigation:hover {
} 
*/

.flaga {
    display: inline-block;
    width: 20px;
    border-radius: 50%;
    border: 1px solid #cec8c8; 
}
.contact-icon {
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    float: left;
    color: #2e312e;
    letter-spacing: 1px;
    font-size: 13px;
}
.contact-icon:hover {
/*    color: black;*/
/*    padding: 1px; */
/*
    color: #fff; 
    box-shadow: inset 1px 1px 10px #fff; 
    background: #47773b;
*/
}