.menuItemsPart .row{
    padding-left: 2vw;
    padding-right: 2vw;
}

.menuItemsPart .col {
    width: 100%;
    height:8vh;

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.menuItemsPart img {
    max-width:100%;
    max-height:100%;

    display:block;
    margin:auto;
}

.menuItemsPart .aHref {
    padding-top: 2vh;

    margin:auto;
    
    color:rgb(127, 78, 30);
    font-family: lounge;
    font-size: 4vh;
    text-align: center;

    display:block;
}

.menuItemsPart a:hover {
    text-decoration: none;

    color:rgb(127, 78, 30);
    
   -webkit-text-stroke: 1px rgba(240,229,128,0.5);
   
   text-shadow:
       3px 3px 0 rgba(240,229,128,0.5),
     -1px -1px 0 rgba(240,229,128,0.5),
      1px -1px 0 rgba(240,229,128,0.5),
      -1px 1px 0 rgba(240,229,128,0.5),
       1px 1px 0 rgba(240,229,128,0.5),
}

    .menuItemsPart a:hover img {
        filter: drop-shadow(5px 5px 5px rgba(240,229,128,0.5));
        -webkit-filter: drop-shadow(5px 5px 5px rgba(240,229,128,0.5));
        -moz-filter: drop-shadow(5px 5px 5px rgba(240,229,128,0.5));
        -o-filter: drop-shadow(5px 5px 5px rgba(240,229,128,0.5));
        -ms-filter: drop-shadow(5px 5px 5px rgba(240,229,128,0.5));
    }

.headerSlogan{
    line-height: 10vh;

    color:rgb(127, 78, 30);
    font-family: lounge;
    font-size: 4.5vw;
    text-align: center;

    overflow: hidden;
    white-space: nowrap; 
    text-overflow: ellipsis;
}

.hamburgerMenu {
    position: fixed;

    top: 10px;
    left: 10px;

    display: inline-block;
    cursor: pointer;

    z-index: 5;
}

.hamburgerMenu div {
    width: 35px;
    height: 5px;

    background-color: rgb(127, 78, 30);

    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-8px, 7px);
    transform: rotate(-45deg) translate(-8px, 7px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

#SmallMenuDiv .smallMenuNavigation {
    position: absolute;

    height: 100%;
    width: 100%;
}

#SmallMenuDiv .aHref {
    margin:auto;
    
    color:rgb(127, 78, 30);
    font-family: lounge;
    text-align: center;
}

#SmallMenuDiv a:hover {
    text-decoration: none;

    color:rgb(127, 78, 30);
    
   -webkit-text-stroke: 1px rgba(194,166,130,0.5);
   
   text-shadow:
       3px 3px 0 rgba(194,166,130,0.5),
     -1px -1px 0 rgba(194,166,130,0.5),
      1px -1px 0 rgba(194,166,130,0.5),
      -1px 1px 0 rgba(194,166,130,0.5),
       1px 1px 0 rgba(194,166,130,0.5),
}

@media screen and (min-width: 1100px) {
    .headerSlogan {
        display: none;
    }

    .hamburgerMenu {
        display: none;
    }
}

@media screen and (max-width: 1099px) {
    .menuItemsPart {
        display: none;
    }
}