.empress-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 2em 0 4em 0;
    line-height: 0;
    background-image: url("https://storage.googleapis.com/jjk_webstore_v2/pattern_back_1.png");
    width: 100vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.empress-banner-box {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.empress-box h1 {
    font-family: var(--header-font);
    color: #f5f5f5;
    font-weight: 200;
    opacity: 1;
    transition: all .2s;
}

.empress-box h3 {
    font-family: var(--header-font);
    color: var(--accent-color);
    font-weight: 200;
    margin-bottom: 2em;
}

.empress-banner-box img {
    height: 58vh;
    object-fit: contain;
}

.empress-banner-box a {
    position: absolute;
    background: none;

    border: none;
    top: 80%;
    right: 15%;
}
.empress-banner-box a img {
    width: 8em;
    height: 8em;
}


@media only screen and (min-width: 1200px) { 

    .empress-box {
        display: none;
    }

}