.fixedHeroAdjust {
    position: relative;
    top: -90px;
    z-index: 2;
}

main.dynamicPage {
    margin-bottom: -90px;
}

.pinContain {
    position: relative;
    background-color: #FAF8F5;
    z-index: 2;
}

@media only screen and (min-width: 768px) {
    .fixedHeroAdjust {
        top: -118px;
    }

    main.dynamicPage {
        margin-bottom: -118px;
    }
}

@media only screen and (min-width: 1024px) {
    .fixedHeroAdjust {
        top: -128px;
    }

    main.dynamicPage {
        margin-bottom: -128px;
    }
}

@media only screen and (min-width: 1280px) {
    .fixedHeroAdjust {
        top: -138px;
    }

    main.dynamicPage {
        margin-bottom: -138px;
    }
}