#wrapper.wrapper-not-found-page {
    background: url(../../img/bg/bg-section-find-bottle.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

#main {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
}

.page-not-found {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    font-size      : .875rem;
    color          : var(--color-grey-font-default);
    width          : 100%;
    min-height: 60vh;
    padding        : calc(35px + (65 - 35) * ((100vw - 320px) / (1920 - 320))) 1rem;
}

.page-not-found__inner {
    text-align : center;
}


.page-not-found__img img {
    width : 100%;
}

.page-not-found__text {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    color: var(--color-primary);
}

.page-not-found__text a {
    color: var(--color-secondary);
    transition: all 0.35s ease-in-out;
}

.page-not-found__text a:hover {
    color: #000;
}

.page-not-found__text .page-not-found__title {
    margin : 0 0 1.5rem;
}

.page-not-found__title {
    font-family    : var(--typo-primary);
    font-size      : var(--font-size-800);
    font-weight    : 400;
    line-height    : 1.2;
    text-transform : uppercase;
    text-align     : center;
}

.page-not-found__back-to-home {
    font-size   : var(--font-size-400);
    font-weight : 600;
    margin      : 0.7rem 0 1.25rem;
    text-align  : center;
}

.page-not-found__text .page-not-found__search {
    margin : 0 0 1.5rem;
}

.page-not-found__search .search-widget {
    margin : 0 auto;
}

@media (max-width : 1023px) {
    .page-not-found__text .page-not-found__title {
        margin-top : 1.5rem;
    }
}

@media (min-width : 1024px) {
    .page-not-found__inner {
        display : inline-flex;
    }

    .page-not-found__inner .page-not-found__img {
        width        : 33%;
        margin: auto;
    }

    .page-not-found__title {
        padding : 0 1.5em;
    }

    .page-not-found__search .search-widget {
        max-width : 50%;
    }
}