/*-----------------------
  General 
-----------------------*/
/* Define status bar size */
/* Bottom settings sections */
/* Define general spaces */
/*@media screen and (min-width: 576px) { 
	$screeny-padding: 5px;
}
@media screen and (min-width: 768px) { 
	$screeny-padding: 10px;
}
@media screen and (min-width: 992px) { 
	$screeny-padding: 15px;
}
@media screen and (min-width: 1200px) { 
	$screeny-padding: 20px;
}*/
/* Define global radius */
/* Define size of arrows */
/* Define general transition time */
/* Define general border size */
/* Define background image blur */
/*--------------------------------------
   Special CSS for error pages
---------------------------------------*/
#error-page {
  height: 80vh;
}

#error-page .error-block {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-left: calc(1rem*1);
  margin-right: calc(1rem*1);
  max-width: 800px;
}

#error-page p {
  font-size: 1.4rem;
}

@media (min-width: 576px) {
  #error-page .error-block {
    margin-left: calc(1rem*3);
    margin-right: calc(1rem*3);
  }
  #error-page p {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  #error-page .error-block {
    margin-left: calc(1rem*4);
    margin-right: calc(1rem*4);
  }
  #error-page p {
    font-size: 1.7rem;
  }
}

@media (min-width: 992px) {
  #error-page .error-block {
    margin-left: calc(1rem*5);
    margin-right: calc(1rem*5);
  }
  #error-page p {
    font-size: 1.8rem;
  }
}

@media (min-width: 1200px) {
  #error-page .error-block {
    margin-left: calc(1rem*6);
    margin-right: calc(1rem*6);
  }
  #error-page p {
    font-size: 1.8rem;
  }
}