/* ========================================
   MASCOT OVERLAY STYLES
   ======================================== */

.nav-mascot-holder {
    position: relative;
}

.nav-mascot {
    height: 75px;
    position: absolute;
    right: -58px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.hero-mascot-holder {
    position: relative;
    display: inline-block;
}

.hero-mascot {
    height: 90px;
    position: absolute;
    right: -72px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

@media (max-width:1100px) {
    .nav-mascot {
        display: none;
    }
}