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

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

@media (max-width: 767px){
  .page-not-found {
    padding: 1.5rem 1rem;
  }
}

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


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

@media (max-width: 1023px){
  .page-not-found__img img {
    max-width: 250px;
  }
}

@media (max-width: 767px){
  .page-not-found__img img {
    max-width: 175px;
  }
}

.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    : 600;
  line-height    : 1.2;
  text-transform : initial;
  text-align     : center;
  color: black;
}

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

.page-not-found__back-to-home a{
  color: var(--color-secondary);
}

.page-not-found__back-to-home a:hover{
  color: var(--color-secondary-60);
}


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

.page-not-found__text .page-not-found__search p{
  margin-bottom: 10px;
}

.page-not-found__contact{
  color: black;
}

.page-not-found__contact a{
  height: 50px;
  background: var(--color-primary);
  color: white;
  border-radius: 3px;
  display: inline-block;
  padding: 15px 20px;
  font-size: 18px;
  margin-top: 10px;
  transition: 0.3s ease;
}

.page-not-found__contact a:hover{
  background: var(--color-primary-40);
}

.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%;
    display: flex;
    align-items: center;
  }

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

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