* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

#navbar {
    overflow: hidden;
    background-color: #fff;
    transition: 0.8s;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
}
#navbar a {
    float: left;
    color: black;
    text-align: center;
    padding: 12px;
    text-decoration: none;
    font-size: 22px;
    line-height: 25px;
    border-radius: 4px;
}

#navbar #navlogo {
    min-width: 50px;
    font-weight: bold;
    transition: 0.4s;
}

.logosize {
  content: url(../images/2/inprovviso_logo11.png);
    max-width: 30vw;
}
.logosizesmall {
  content: url(../images/2/inprovviso_logo22.png);
    max-width: 2vw;
}
.paddpeq {
    padding: 1vh 6vw 0vh 6vw;
}
.paddgra {
    padding: 15vh 15vw 10vh 15vw;
}

.logosizenet {
  content: url(../images/2/inprovviso_logo11.png);
    max-width: 2vw;
}
.logosizesmallnet {
  content: url(../images/2/inprovviso_logo22.png);
    max-width: 2vw;
}
.paddpeqnet {
    padding: 1vh 1vw 1vh 1vw;
}
.paddgranet {
    padding: 2vh 2vw 2vh 2vw;
}
#navbar #logo1 #logo2 {
    content: url(../images/2/inprovviso_logo11.png);
    min-width: 200px;
    max-width: 10vw;
    font-weight: bold;
    transition: 0.4s;
}

#navbar a:hover {
    background-color: #fff;
    color: black;
}

#navbar a.active {
    background-color: #a41f56;
    color: white;
}

#navbar-right {
    float: right;
}

@media screen and (max-width: 580px) {
    #navbar {
        padding: 20px 10px !important;
    }
    #navbar a {
        float: none;
        display: block;
        text-align: left;
    }
    #navbar-right {
        float: none;
    }
}