/* --- MEDIA QUERIES --- */
@media (max-width: 768px) {


    .logo-icon { width: 40px; height: 40px; font-size: 1.5rem; }
}







        /* LOGO DESIGN: Stacked Monogram Style */
        .logo-container {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .logo-icon i {opacity:0}
        .logo-icon {
            font-size: 2rem;
            color: var(--accent-blue);
            background-image: url('../images/badge-logo.png');
            background-repeat: no-repeat;
            background-size: contain;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            /*border: 1px solid var(--accent-gold);*/
        }
        .logo img{

            width:100px;
            height:100px;
        }

        .logo-text {
            display: flex;
            flex-direction: column;
            line-height: 1;
        }

        .logo-main {
            font-family: var(--font-head);
            font-weight: 800;
            font-size: 1.2rem;
            letter-spacing: 1px;
        }

        .logo-sub {
            font-size: 0.7rem;
            color: var(--accent-gold);
            letter-spacing: 3px;
            text-transform: uppercase;
        }





img.contained {
    object-fit: scale-down;
}

img#modal-image{
    object-fit: contain;
}