a {
    text-decoration: none;
    
}
.piano-lovers-nav-elem {
    color: #fef08a;
    font-size: 100%;
    padding: 2%;
    font-family: 'Playfair Display', serif;
    background-color: rgb(127, 29, 29, 75%);
    background-image: url('../imgs/web/menu.png');
    border-left: #fef08a 2px solid;
    border-right: #fef08a 2px solid;;
}

.piano-lovers-nav-elem:hover {
   font-size: 130%;
   background-color: rgb(127, 29, 29, 50%);
   background-image: url('../imgs/web/bg1.png');
   font-weight: bold;
   color:#5b4638;
   padding: 0%;
   border-bottom: #5b4638 2px solid;
   border-left: #5b4638 2px solid;
   border-right: #5b4638 2px solid;
}

.piano-lovers-nav {
    border-bottom:#7f1d1d solid 2px;
    border-left:#7f1d1d solid 1px;
    border-right:#7f1d1d solid 1px;
}

.piano-lovers-nav:hover {
    border: none;
}

.nav-hr {
    background-color: #5b4638;
    color: #5b4638;
}


@media only screen and (max-width: 767px) {
    .piano-lovers-nav-elem {
        color: #fef08a;
        font-size: 150%;
        padding: 2%;
        margin-top: 0rem;
        font-family: 'Playfair Display', serif;
      
        background-color: rgb(127, 29, 29, 75%);
        background-image: none;
        border-top: solid 1px #5b4638;
        border-bottom: none;
        border-left: none;
        border-right: none;
        
    }


    .piano-lovers-nav-elem:hover {
        font-size: 150%;
        background-color: rgb(127, 29, 29, 50%);
        background-image: none;
        font-weight: bold;
        color:#5b4638;
        padding: 2%;
        border-bottom: #5b4638 2px solid;
        border-left: #5b4638 2px solid;
        border-right: #5b4638 2px solid;
     }

     #slidingDiv {
        opacity: 0%;
        position: relative;
        top: -100%;
        transition: top 0.2s ease;
        display: none;
    }
    
    #slidingDiv.active {
        opacity: 100%;
        top: 0;
    }
    #toggleButton {
      opacity: 100%;
    }

    #toggleButton.active {
        opacity: 0%;
        display: none;
       
    }
}

.pianolovers-nav {
    background-image: url("../imgs/web/bg.jpg");
}