/*! -- SLIDER --*/

	#slider_Wrapper {
		height: 380px;
		border-bottom: solid 3px #092847;
		background: #89b5e0;
	}
		
	#slider .swiper-slide {
		display: block;
		width: 100%;
		height: 380px;
		background-position: top center;
		background-size: cover;
	}
		
	#slider .swiper-slide .text {
		position: absolute;
		top: 20px;
		left: 30px;
		font-size: 3em;
		line-height: 1.25em;
		color: #014898;
		font-family: 'Dosis';
		font-weight: bolder;
		text-stroke: 1px red;
		-webkit-text-stroke: 3px #014898;
	}
	
	#slider .swiper-slide .hider.selfassessment {
		background-image: -webkit-gradient(
		  linear, left top, right bottom, from(rgba(255, 255, 255, .75)),
		  to(rgba(255, 255, 255, 0))
		);
		background-image: -moz-linear-gradient(
		  rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0)
		);
	}
/*! --- */	
.infoButton {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-top: 45%;
	background-position: center center;
	background-size: cover;
}
.infoButton img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}


.infoButton .text {
	position: absolute;
	top: 20px;
	left: 30px;
	font-size: 2em;
	line-height: 1.25em;
	color: #014898;
	font-family: 'Dosis';
	font-weight: bolder;
	text-stroke: 2px #014898;
	-webkit-text-stroke: 2px #014898;
}

/*! -- TWITTER --*/
	.twitterWrapper {
		position: relative;
		float: left;
		overflow: auto;
		max-height: 638px;
		margin-bottom: 20px;
		padding: 15px;
		border: solid 1px #ccc;
		border-radius: 5px;
	}

@media screen and (max-width: 641px) {
	.infoButton {	
		padding-top: 65%;
	}

	.infoButton .text {
		font-size: 1.35em !important;
		line-height: 1.25em !important;
		text-stroke: 1px !important;
		-webkit-text-stroke: 1px !important;
	}
	
	.infoButton .text span {
		font-size: .85em !important;
	}
			
	#slider .swiper-slide .text {
		font-size: 2.5em !important;
	}
}