/* CSS Document */



.splash-background{

	/* Position and center the image to scale nicely on all screens */
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  position: relative;
	
	/*background-image:
	  linear-gradient(to bottom, rgba(58, 103, 176, 0.2), rgba(66, 197, 245, 0.80)),
	  url('/media/Splash_KeyPhoto.png');*/
	  
	  /*background: linear-gradient(0deg, rgba(58,103,176,1) 3A67B0%, rgba(66,197,255,1) -31%, rgba(66,197,255,1) 72%);*/
	
	/*background: linear-gradient(0deg, rgba(58,103,176,.5), rgba(66,197,255,1) -31%, rgba(66,197,255,.4) 72%), url('/media/Splash_KeyPhoto.png');*/
	
	background-image: linear-gradient(0deg, rgba(58,103,176,.9) 10%, rgba(66,197,255,.75) 45%, rgba(66,197,255,0) 75%), url("/app/media/Splash_KeyPhoto.png");
	
}




.headerRow{
    
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;

}

.headerRow img{
	
	padding:16px;
	
}

.mainMenu{
	
	display: block;
	margin-top:5%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	
}

.main-menu__list-item{
	
	display: block;
	padding-top: 16px;
	padding-bottom: 16px;
	text-decoration: none;
	color: var(--color-text--dark);
	font-size: 18px;
	
}

.main-menu__list-item:hover{
	
	color: var(--color-emphasis1);
	
}

.centered-text-50 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-text--light);
}