/*----------------------------------------
    Error 4xx  Page
------------------------------------------*/

/*---------------------------------------- 
  Available Layout type names
-----------------------------------------*/

/*
 1. vertical-modern-menu-template
 2. vertical-menu-nav-dark-template
 3. vertical-gradient-menu-template
 4. vertical-dark-menu-template
 5. horizontal-menu-template

/* Need to change Layout name as per your requirement on below mentioned line.*/

/*
1. @import "../themes/vertical-gradient-menu-template/variables"; 
2. @import "../themes/vertical-gradient-menu-template/theme-variables";
*/

/*#323232 !default;*/

.bg-full-screen-image {
  background-image: url(/images/flat-bg-comifo.jpg?0b2b2b47b28045cb3ef470a90163bf1c);
  background-repeat: no-repeat;
  background-size: cover;
}

.section.section-4xx {
  display: flex;
  justify-content: center;
  align-items: center;
  /*
  background: $white;
  */
  height: 80vh;
  overflow: hidden;
}

.section.section-4xx .error-code {
  font-size: 5rem !important;
}

@media screen and (min-width: 992px) {
  .section.section-4xx .error-code {
    font-size: 3rem !important;
  }

  .section.section-4xx .bg-image-4xx {
    width: 70% !important;
  }
}

@media screen and (min-width: 769px) {
  .bg-image-4xx {
    width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  .section.section-4xx .error-code {
    font-size: 3rem !important;
  }

  .section.section-4xx .bg-image-4xx {
    width: 100%;
  }
}

@media screen and (max-width: 540px) {
  .section.section-4xx .error-code {
    font-size: 2rem !important;
  }
}