html {
    font-size: calc(0.5em * 2.5vmin);
    font-family: 'Akaya Kanadaka', cursive;
}

a {
    color: var(--bs-link-color);
    text-decoration: none;
}

.serv_icons {
    max-width: 35%;
}

.more_icons {
    max-width: 45%;
}

.coffee_icon {
    width: 30%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.goToTop_icon {
    max-width: 30%;
}

.goToSite_icon {
    max-width: 40%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.serv_subPage_icons {
    max-width: 80%;
}

.inv {
    opacity: 0%;
}

/* @media only screen and (min-width: 1200px) */
@media (max-width: 1200px){
    .coffee_icon {
        width: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

/* @media only screen and (min-width: 700px) */
@media (max-width: 700px){
    .coffee_icon {
        width: 70%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .serv_icons {
        max-width: 25%;
    }

    .more_icons {
        max-width: 30%;
    }

    .goToTop_icon {
        max-width: 20%;
    }

    .goToSite_icon {
        max-width: 35%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}