.beg::before {
    content: '';
    position: fixed;
    z-index: -1;
    display: block;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-image: url('assets/img/backoffny.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.nav-link {
    font-family: 'Fira Sans Extra Condensed', sans-serif;
}

.begjo::before {
    content: '';
    position: fixed;
    z-index: -1;
    display: block;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-image: url('assets/img/jordbigass.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.beglast::before {
    content: '';
    position: fixed;
    z-index: -1;
    display: block;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-image: url('assets/img/backlast.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width:767px) {
    .beg::before {
        background-image: url('assets/img/backoffmobo.webp ')!important;
    }

    .begjo::before {
        background-image: url('assets/img/backoffmobo.webp ')!important;
    }

    .beglast::before {
        background-image: url('assets/img/backoffmobo.webp ')!important;
    }
}

.beg3::before {
    content: '';
    position: fixed;
    z-index: -1;
    display: block;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-image: url('assets/img/biggie2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width:767px) {
    .beg3::before {
        background-image: url('assets/img/backoffmobo.webp ')!important;
    }
}

#vidbg {
    position: absolute;
    z-index: -1;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
    max-height: 100vh;
    align-self: flex-start;
}

@media (min-aspect-ratio: 16/9) {
    #vidbg {
        width: 100%;
        height: auto;
        margin: auto;
    }
}

@media (max-aspect-ratio: 16/9) {
    #vidbg {
        width: 100%;
        height: auto;
        margin: auto;
    }
}

@media (max-width: 767px) {
    #vidbg,
    video {
        display: none;
    }

    .vid {
        background-repeat: no-repeat;
        background-position: initial;
        background-size: cover;
        height: auto!important;
    }
}

@media (max-width: 1200px) {
    #vidbg {
        object-fit: none;
        aspect-ratio: 4/3;
        height: 600px;
    }

    .vid {
        background-repeat: no-repeat;
        background-position: initial;
        background-size: cover;
        height: 600px!important;
    }
}

.vid {
    max-width: 100%;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    height: 100vh;
    align-items: center;
}

.txtsh {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.79);
}

.pufftop {
    background-image: url('assets/img/puffjord650.webp');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    padding-top: 40% !important;
}

iconify-icon {
    vertical-align: -0.155em;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    left: 15%;
    color: white;
    text-align: center;
    min-height: 100%;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lead {
    font-family: "Fira Sans", sans-serif;
}