#pagenotfound #wrapper {
    background            : var(--color-grey-default);
    background-size       : cover;
    background-attachment : fixed;
}

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

.page-not-found {
    width          : 100%;
    background     : #fff;
    padding        : 3rem 1rem;
    font-size      : .875rem;
    color          : var(--color-grey-font-default);
    display        : flex;
    flex-direction : column;
    align-items    : center;
}

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


.page-not-found__img img {
  width: 100%;
  max-width: 400px;
  min-width: 250px;
}

.page-not-found__text {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
}

.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-700);
    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 : 500;
    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 p {
  margin-bottom: .5rem;
}

.page-not-found__search .search-widget form input[type=text] {
    min-height: 25px;
}

.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-right : 7%;
    }

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

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