/* Extra small devices (phones) */
@media only screen and (max-width: 480px) {
    .site-header {}

    .site-header-title {
        text-align: center;
    }

    .site-link-box {
        padding: 7px 10px;
        display: flex;
        justify-content: space-around;
        background: #5e8696;
        margin-top: 1rem;
    }

    .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Small devices (tablets) */
@media only screen and (min-width: 481px) and (max-width: 768px) {
    .site-header {
        flex-wrap: nowrap;
    }

    .site-header-title {}
}

/* Medium devices (laptops, desktops) */
@media only screen and (min-width: 769px) and (max-width: 1024px) {}

/* Large devices (large screens) */
@media only screen and (min-width: 1025px) {
    /* Styles here */




}