/*-----------------------
  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 */
#main-page-section {
  min-height: 65vh;
  padding-top: calc(1rem *2);
  padding-bottom: calc(1rem *1);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0px, black 600px);
}

#main-page-section.small {
  min-height: 15vh;
}

#main-page-section.medium {
  min-height: 30vh;
}

#main-page-section.large {
  min-height: 50vh;
}

#main-page-section.xlarge {
  min-height: 70vh;
}

#main-page-section.xxlarge {
  min-height: 80vh;
}

#main-page-section.xxxlarge {
  min-height: 100vh;
}