.swiper {
	width: 100%;
	/*min-height: 85vh;*/
	position: relative;
}

.swiper-slide img {
	width: 100%;
	/*height: 85vh;*/
	object-fit:cover;
}

p.hello {
	/*text-align: center;
	background-color: rgba(30,30,30,0.7);
	width: 70%;
	padding:30px;
	font-size: 1.5em;
	color: white;
	line-height: 150%;
	position: absolute;
	top:25vh;
	left: 15%;
	backdrop-filter:blur(5px);*/
	
	text-align: center;
    background-color: rgba(30, 30, 30, 0.7);
    width: 70%;
    padding: 30px;
    font-size: 1.5em;
    color: white;
    line-height: 150%;
    position: absolute;
    top: 50vh;
    left: calc(15% - 30px);
    backdrop-filter: blur(5px);
	
}

p.hello2 {
	width:100%;
	height:calc(100% - 5px);
	background-color: rgba(30,30,30,0.2);
	color:white;
	position: absolute;
	top:-20px;
	left:0;
	display: flex;
	justify-content: center;
    align-items: center;
	font-size: 1.5em;
}

p.hello2 span {
	width:60%;
	padding:15px;
	display: inline-block;
	text-align: center;
	line-height: 120%;
}

@media screen and (max-width:700px) {
	p.hello {
		top:unset;
		bottom:15px;
		font-size:11pt;
		width: 50%;
		padding:16px;
		left: calc(25% - 16px);
	}
	
	p.hello2 {
		top:-20px;
		font-size: 1.35em;
	}
}

div.hellowrapper {
	width:100%;
	height:100%;
	color: white;
	/*background:linear-gradient(
          rgba(0, 0, 0, 0.3), 
          rgba(0, 0, 0, 0.3)
		  ),url('content/images/bg-education.jpg');*/
	 background:linear-gradient(
      rgba(0, 0, 0, 0.3), 
      rgba(0, 0, 0, 0.3)
	  );
	position: absolute;
	top:0;
	left:0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

p.hello {
/*	width:70%;
	max-width: 700px;
	text-align:center;
	margin-bottom:100px;
	font-size: 2em;
	line-height: 1.2em;
	text-shadow: 1px 0px 1px rgba(128,128,128,1);
*/	
}

p.hello a {
	color:white;
	border-bottom: unset !important;
}

p.hello a.button {
	color:var(--link-color);
}