@charset "utf-8";

#trainings {
	position:absolute;
	padding:20px;
	top:80px;
}

#trainings .training {
	margin-bottom:50px;
	background-color:rgba(0,0,0,.8);
	min-height:275px;
}

.training .number {
	min-height:100%;
	color:#FFF;
	font-family: 'ostrich_sansblack';
	float:left;
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	display:box;
	box-pack:center;
	box-align:center;
}

.training .title {
	min-height:80px;
	float:left;
	color:#FFF;
	margin-top:20px;
}

.training .text {
	float:left;
	color:#FFF;
}

.training .download {
	float:right;
	margin:30px 0 20px 0;
	color:#FFF;
	padding:8px 12px;
	border:1px solid #FFF;
	text-decoration:none;
	font-family: 'ostrich_sansblack';
}

@media (min-width: 1001px) {
	#trainings {
		width:960px;
		left:50%;
		margin-left:-500px;
		height:1015px;
	}
	#trainings .training .text {
		width:650px;
		font-size:20px;
	}
	.training .title {
		font-size:60px;
	}
	.training .number {
		width:275px;
		min-height:275px;
		font-size:150px;
	}
}
@media (min-width: 601px) and (max-width: 1000px) {
	#trainings {
		width:560px;
		left:50%;
		margin-left:-300px;
		height:1390px;
	}
	.training .number {
		width:175px;
		min-height:175px;
		font-size:80px;
	}
	.training .title {
		font-size:30px;
	}
	#trainings .training .text {
		width:350px;
		font-size:20px;
	}
	#trainings .training {
		min-height:400px;
	}
}
@media (max-width:600px) {
	#trainings .training .title {
		display:none;
	}
	#trainings {
		height:1840px;
	}
	.training .number {
		width:100%;
		min-height:275px;
		font-size:150px;
	}
	#trainings .training {
		min-height:550px;
	}
	#trainings .training .text {
		margin-left:20px;
		margin-right:20px;
	}
	.training .download {
		width:calc(100% - 25px);
		font-size:20px;
		text-align:center;
	}
}