body {
    font-family: 'Montserrat', sans-serif;
    position: relative;
    background: #f7f7f7;
    color: #2e2e2e
}

.container {
    max-width: 1240px !important;
}

.menu-link {
    color: black;
    font-size: 24px;
    font-weight: 700;
    font-family: "Vollkorn", serif;
}

.menu-link:hover {
    opacity: 0.7
}

.swiper-card {
    height: 400px;
    width: 100%;
}

.side {
    width: 260px;
    min-width: 260px;
}

.swiper-pagination-bullet {
    background: gray;
}

.swiper-pagination-bullet-active {
    background: black;
}

.swiper-title {
    text-shadow: 1px 1px 5px black;
}

.swiper-shadow {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 80%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 80%);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
}

.card {
    min-height: 160px;
}

.preview-side {
    width: 180px;
    min-width: 180px;
}

.main-container {
    min-height: calc(100vh - 98px);
    max-width: 1440px !important;
}

#mobileMenu {
    top: -120px;
    transition: 0.5s ease-in-out;
}

#mobileMenu.active {
    top: 70px
}

.hamb-top, .hamb-mid, .hamb-bot {
    width: 40px;
    height: 3px;
    background: black;
    position: relative;
    transition: 0.5s ease-in-out;
}

#hamburger .hamb-top {
    top: 8px;
}

#hamburger .hamb-mid {
    top: 16px;
}

#hamburger .hamb-bot {
    top: 24px;
}

#hamburger.active .hamb-mid {
    width: 0;
}

#hamburger.active .hamb-top {
    transform: rotate(45deg);
    top: 18px;
}

#hamburger.active .hamb-bot {
    transform: rotate(-45deg);
    top: 12px;
}

#cookie button {
    background: #e70d0d;
}

header, footer, #mobileMenu {
    background: white;
}

@media (min-width: 1024px) {
    .lg\:h-112 {
        height: 28rem !important
    }
}

@media (max-width: 767px) {
    .side, .preview-side {
        width: 100%;
    }

    .swiper-card {
        height: 240px;
    }
}
