.hero {
    background-image: url(./images/yukon-terre-immigration-1300.jpg);
    padding-top: 8%;
    height: 40%;
    min-height: 300px;
}

@media (min-width: 40em) {
    .hero {
        min-height: 350px;
    }
}

@media (min-width: 60em) {
    .hero {
        min-height: 450px;
    }
}

@media (min-width: 75em) {
    .hero {
        min-height: 550px;
    }
}

@media (min-width: 90em) {
    .hero {
        min-height: 600px;
    }
}


#Yukon strong,
#Canada strong,
#International strong {
    font-size: 1.25em;
}



.Scroll {
    height: 44em;
}

h1 {
    color: #333;
    padding-left: 5%;
    padding-right: 5%;
}



.Mouse {
    border: 2px solid #ccc;
    background-color: rgba(255, 255, 255, 0.5);
    bottom: 20px;
}

    .Mouse span {
        width: 3px;
        height: 3px;
        background: #ccc;
        border: 1px solid transparent;
    }

.Standalone ul.Core li.Top a {
    /*background-image:none; */
}

@media (max-width: 1023px) and (min-width: 250px) {
    .Standalone ul.Core li.Top {
        display: block;
        left: 5rem;
    }

    .Standalone ul.Social {
        position: absolute;
        padding-top: 1em;
        top: 0;
        right: 1em;
        width: auto;
        padding-right: 2rem;
    }

    .Standalone ul.Core li.Home {
        visibility: hidden;
    }
}

@media (min-width: 1024px) {
    /* Sticky fix */
    .main_h.sticky {
        padding-top: 0;
        height: 4em;
    }

        .main_h.sticky::before {
            height: 0;
        }

    /* Up fix */
    .Standalone ul.Core li.Top {
        display: block;
        left: 8.5rem;
    }

    .Standalone ul.Core li.Home + li.Top {
        left: 10.5rem;
    }

    .Standalone ul.Core li.Home {
        visibility: hidden;
    }
}