body {
    font-family: 'Titillium Web', Arial, sans-serif;
}

.card-info {
    padding: 0.2rem;
    font-size: 0.7em;
    line-height: 1.2em;
}

.card-info .btn-group-sm > .btn, .btn-sm {
    padding: 2px 8px;
}

.mfp-title btn {
    vertical-align: baseline;
}

.navbar-side, .navbar-side-bg {
    width: 300px;
    min-width: 300px;
    position: fixed;
    top: 55px;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    border-left: 2px solid #555;
    background-color: #000;
    z-index: 1000;
    display: flex;
    flex-direction: column;
}

.sidebar-fixed {
    flex-shrink: 0;
}

.sidebar-scroll {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}


@media (max-width: 75em) {
    .navbar-side {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: 300ms ease;
        transition: 300ms ease;
    }

    .reveal .navbar-side {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: 300ms ease;
        transition: 300ms ease;
    }

    .navbar-side-bg {
        display: none;
    }
}

@media (min-width: 34em) {
        .card-columns {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
        }
    }

    @media (min-width: 48em) {
        .card-columns {
            -webkit-column-count: 3;
            -moz-column-count: 3;
            column-count: 3;
        }
    }

    @media (min-width: 62em) {
        .card-columns {
            -webkit-column-count: 4;
            -moz-column-count: 4;
            column-count: 4;
        }
    }

    @media (min-width: 75em) {
        .card-columns {
            -webkit-column-count: 5;
            -moz-column-count: 5;
            column-count: 5;
        }

        .navbar-side {
            position: relative;
            margin-top: 55px;
            padding: 0;
            margin: 0;
            -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
            transform: translateX(0%);
        }

        #menu-toggle {
            display: none;
        }
    }

    .wrapper {
        display: flex;
        align-items: stretch;
        height: 100%;
    }



    .container-fluid {
        padding-top: 70px;
    }

    h1,h2,h3,h4,h5,h6 {
        font-family: 'Lobster', Arial, sans-serif;
    }

    .card-info h2 {
        font-size: 1.2rem;
    }

    .gallery-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    @media (min-width: 48em) {
        .gallery-grid {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (min-width: 62em) {
        .gallery-grid {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    .gallery-thumb {
        display: block;
        aspect-ratio: 4 / 3;
        background: #111;
        overflow: hidden;
    }

    .gallery-thumb img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }