:root {
    --sm: 576px;
    --md: 768px;
    --lg: 992px;
    --xl: 1200px;
    --xxl: 1400px;
}


.side-navbar {
    width: 180px;
    height: 100%;
    position: fixed;
    left: -300px;
    transition: 0.5s;
}
.main-content {
    transition: 0.5s;
    margin-left: 0px;
}

@media (min-width: 992px) {
    .main-content {
        margin-left: 180px;
    }
    .side-navbar {
        left: 0;
    }

    .logo-none {
        display: none;
    }
}

.carousel-image {
    max-width: 100%;
    max-height: 80vh;
}

.collapse-nav {
    left: -300px;
}

.collapse-cont {
    margin-left: 0px;
}

.menu-button-size {
    height: 1.5em;
    width: 1.5em;
}

.text-decoration-none {
    text-decoration: none;
}

div.pswp-gallery a {
    text-decoration: initial;
    height: max-content
}

.pswp__img {
    padding: 1%;
}

a>img {
    max-width: 100%;
    position:relative;
}

.pswp-gallery {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.pswp-gallery-grid {
    display: grid;
    gap: 0.5em;
    justify-content: center;
    align-items: center;
}

@media (min-width: 992px) {
    .pswp-gallery-grid {
        grid-template-columns: repeat(2,1fr);
    }
}

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


@media (max-width: 991px) {
    .carousel-wrapper {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.my-carousel-inner {
    overflow: hidden;
}

.my-carousel-control-left {
    display: none;
}

.my-carousel-control-right {
    display: none;
}

@media (min-width: 992px) {
    .my-carousel {
        margin-left: 40px;
        margin-right: 40px;
    }
    
    .my-carousel-control-left {
        margin-left: -20px;
        display: unset;
    }
    
    .my-carousel-control-right {
        margin-right: -20px;
        display: unset;
    }
}

.aspect-ratio-3-2 {
    aspect-ratio: 3/2;
}