body {
    font-family: Georgia, serif;
    font-size: 1.4em;
}

.footer {
    font-size: 0.8em;
}

a {
    text-decoration: none;
    color: inherit;
}
a:hover{
    text-decoration: underline;
}

.sidebar * {
    color: #000000
}

.sidebar .nav-item img {
    width: 40px;
}

.sidebar .active span {
    text-decoration-line: underline;
}

.sidebar .nav-item:hover {
    text-decoration-line: underline;
    color: #696969;
    cursor: pointer;
}

.inverse-colors {
    background-color: rgba(92, 166, 170, 0.9);
    color: #ffffff;
}

li.nav-item a {
    color: #000000;
}

li.nav-item a.active {
    text-decoration-line: underline;
}

#home-header h1 {
    font-size: 4.8vw;
}

.highlight-box {
    background-color: #F0F0F0
}

div.circle-button {
    background-image: url("img/homepage/circle.png");
}

.img-icon {
    max-width: 40vw;
    height: auto;
    margin:2vw;
}

@media only screen and (min-width: 993px) and (max-width: 1200px)  {
    .img-icon{
        max-width: 20vw !important;
    }
}