.header {
    background-image: url(../imgs/mees/jahid-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* Base (mobile-first) */
.pt-6 {
    padding-top: 6rem;
}
.pt-8 {
    padding-top: 8rem;
}
.pt-10 {
    padding-top: 10rem;
}
.pt-12 {
    padding-top: 12rem;
}

.pb-6 {
    padding-bottom: 6rem;
}
.pb-8 {
    padding-bottom: 8rem;
}
.pb-10 {
    padding-bottom: 10rem;
}
.pb-12 {
    padding-bottom: 12rem;
}

.mt-6 {
    margin-top: 6rem;
}
.mt-8 {
    margin-top: 8rem;
}
.mt-10 {
    margin-top: 10rem;
}
.mt-12 {
    margin-top: 12rem;
}

.mb-6 {
    margin-bottom: 6rem;
}
.mb-8 {
    margin-bottom: 8rem;
}
.mb-10 {
    margin-bottom: 10rem;
}
.mb-12 {
    margin-bottom: 12rem;
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
    .pt-md-6 {
        padding-top: 6rem;
    }
    .pt-md-8 {
        padding-bottom: 8rem;
    }
    .pt-md-10 {
        padding-top: 10rem;
    }
    .pt-md-12 {
        padding-top: 12rem;
    }

    .pb-md-6 {
        padding-bottom: 6rem;
    }
    .pb-md-8 {
        padding-bottom: 8rem;
    }
    .pb-md-10 {
        padding-bottom: 10rem;
    }
    .pb-md-12 {
        padding-bottom: 12rem;
    }

    .mt-md-6 {
        margin-top: 6rem;
    }
    .mt-md-8 {
        margin-bottom: 8rem;
    }
    .mt-md-10 {
        margin-top: 10rem;
    }
    .mt-md-12 {
        margin-top: 12rem;
    }

    .mb-md-6 {
        margin-bottom: 6rem;
    }
    .mb-md-8 {
        margin-bottom: 8rem;
    }
    .mb-md-10 {
        margin-bottom: 10rem;
    }
    .mb-md-12 {
        margin-bottom: 12rem;
    }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
    .pt-lg-6 {
        padding-top: 6rem;
    }
    .pt-lg-8 {
        padding-top: 8rem;
    }
    .pt-lg-10 {
        padding-top: 10rem;
    }
    .pt-lg-12 {
        padding-top: 12rem;
    }

    .pb-lg-6 {
        padding-bottom: 6rem;
    }
    .pb-lg-8 {
        padding-bottom: 8rem;
    }
    .pb-lg-10 {
        padding-bottom: 10rem;
    }
    .pb-lg-12 {
        padding-bottom: 12rem;
    }

    .mt-lg-6 {
        margin-top: 6rem;
    }
    .mt-lg-8 {
        margin-top: 8rem;
    }
    .mt-lg-10 {
        margin-top: 10rem;
    }
    .mt-lg-12 {
        margin-top: 12rem;
    }

    .mb-lg-6 {
        margin-bottom: 6rem;
    }
    .mb-lg-8 {
        margin-bottom: 8rem;
    }
    .mb-lg-10 {
        margin-bottom: 10rem;
    }
    .mb-lg-12 {
        margin-bottom: 12rem;
    }
}

.fs-8px {
    font-size: 0.5rem !important;
}
.fs-10px {
    font-size: 0.625rem !important;
}
.fs-12px {
    font-size: 0.75rem !important;
}
.fs-14px {
    font-size: 0.875rem !important;
}
.fs-16px {
    font-size: 1rem !important;
}
.fs-18px {
    font-size: 1.125rem !important;
}
.fs-20px {
    font-size: 1.25rem !important;
}
.fs-22px {
    font-size: 1.375rem !important;
}
.fs-24px {
    font-size: 1.5rem !important;
}
.fs-26px {
    font-size: 1.625rem !important;
}
.fs-28px {
    font-size: 1.75rem !important;
}
.fs-30px {
    font-size: 1.875rem !important;
}
.fs-32px {
    font-size: 2rem !important;
}
.fs-34px {
    font-size: 2.125rem !important;
}
.fs-36px {
    font-size: 36px !important;
}

.radius-4px {
    border-radius: 0.25rem !important;
}
.radius-6px {
    border-radius: 0.375rem !important;
}
.radius-8px {
    border-radius: 0.5rem !important;
}
.radius-10px {
    border-radius: 0.625rem !important;
}
.radius-12px {
    border-radius: 0.75rem !important;
}
.radius-14px {
    border-radius: 0.875rem !important;
}
.radius-16px {
    border-radius: 16px !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-medium {
    font-weight: 500 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.w-80 {
    width: 80% !important;
}
.w-85 {
    width: 85% !important;
}
.w-90 {
    width: 90% !important;
}

.w-px-30 {
    width: 30px !important;
}
.h-px-30 {
    height: 30px !important;
}

@media (min-width: 768px) {
    .w-md-80 {
        width: 80% !important;
    }
    .w-md-85 {
        width: 85% !important;
    }
    .w-md-90 {
        width: 90% !important;
    }
}

.hamburger-img {
    transition: all 0.3s ease;
}

.hamburger-img:hover {
    transform: scale(1.1);
}

.hamburger-img.scale-up {
    transform: scale(1.1);
}
.hamburger-img.rotate {
    transform: rotate(180deg);
}

.border-dashed {
    border-style: dashed !important;
}

.lh-base {
    line-height: 1.5 !important;
}

.object-position-center {
    object-position: center center !important;
}
.vh-50 {
    height: 50vh !important;
}