@media screen and (min-width: 768px) and (max-width: 1180px) and (max-height: 900px) {
    .one-page-layout .home-heading {
        margin-top: calc(7vh + 56px);
    }
}

@media screen and (max-width: 767px) {
    .one-page-layout .home-heading {
        margin-top: calc(7vh + 18px);
    }

    .immersive-depth-field {
        background:
            radial-gradient(circle at var(--immersive-pulse-x) var(--immersive-pulse-y), rgba(255, 255, 255, .72) 0 2%, rgba(224, 31, 52, .32) 10%, rgba(0, 0, 0, .96) 56%, #000 100%);
        filter: none;
        mix-blend-mode: normal;
        transition:
            opacity 680ms ease,
            transform 920ms cubic-bezier(.78, 0, .14, 1);
    }

    .immersive-blackout {
        background: rgba(0, 0, 0, .82);
        transition: opacity 520ms ease;
    }

    .immersive-light-burst {
        display: none;
    }

    html.is-immersive-diving .home-wrap {
        filter: brightness(.78);
    }

    html.is-immersive-diving .immersive-depth-field {
        opacity: .88;
        transform: scale(2.15);
    }

    html.is-immersive-diving .immersive-light-burst {
        opacity: 0;
        transform: scale(.2);
    }

    html.is-immersive-arriving .immersive-depth-field,
    html.is-immersive-arriving .immersive-blackout {
        opacity: 0;
        transition-duration: 180ms;
    }

    .immersive-section-surface {
        transform: scale(1.38) translate3d(0, 4vh, 0);
        filter: none;
        transition:
            transform 820ms cubic-bezier(.16, 1, .3, 1),
            opacity 480ms ease;
        will-change: transform, opacity;
    }

    html.is-immersive-arriving .immersive-section-surface,
    html.is-immersive-returning .immersive-section-surface {
        filter: none;
    }

    .famous-quote-slide:before {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .86) 48%, #000 100%);
    }

    .famous-quote-text:before {
        box-shadow: none;
        transition: height 320ms cubic-bezier(.16, 1, .3, 1) 80ms;
    }

    .famous-quote-line {
        transform: translate3d(0, 14px, 0);
        filter: none;
        text-shadow: 0 5px 16px rgba(0, 0, 0, .5);
        transition:
            opacity 260ms ease,
            transform 380ms cubic-bezier(.16, 1, .3, 1);
        will-change: opacity, transform;
    }

    .famous-quote-line-accent {
        text-shadow: none;
    }

    html.is-immersive-arriving .famous-quote-slide.is-active .famous-quote-line:nth-child(1) {
        transition-delay: 0ms;
    }

    html.is-immersive-arriving .famous-quote-slide.is-active .famous-quote-line:nth-child(2) {
        transition-delay: 55ms;
    }

    html.is-immersive-arriving .famous-quote-slide.is-active .famous-quote-line:nth-child(3) {
        transition-delay: 110ms;
    }

    .famous-quote-author {
        transition:
            opacity 260ms ease 150ms,
            transform 340ms cubic-bezier(.16, 1, .3, 1) 150ms;
    }

    .famous-quote-author:before {
        box-shadow: none;
    }

    .famous-quote-portrait {
        filter: none;
        transition:
            opacity 560ms ease 180ms,
            transform 840ms cubic-bezier(.16, 1, .3, 1) 180ms;
        will-change: opacity, transform;
    }

    .famous-quote-portrait:after {
        background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .12) 38%, rgba(0, 0, 0, .84) 100%);
        mix-blend-mode: normal;
    }

    html.is-immersive-arriving .famous-quote-slide.is-active .famous-quote-portrait {
        filter: none;
    }

    .famous-quote-ring {
        display: none;
    }

    html.is-immersive-settled .famous-quote-slide.is-active .famous-quote-portrait {
        animation: none;
    }

    .famous-quote-content .immersive-back {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

@media screen and (max-width: 420px) {
    .one-page-layout .home-heading {
        margin-top: calc(7vh + 22px);
    }
}

@media screen and (max-width: 540px) {
    .open-source-project__content {
        padding: 0 24px;
    }
}