/* CSS Document */
@charset "UTF-8";

.page_flow {
	position: relative;
	height:auto;
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
}
.page_flow:hover img {}

.page_flow p {
  position: absolute;
  top: 40%;
  left: 0%;
  text-align:center;
  width:100%;
  background-color:rgba(0,0,0,0.1);
}
.page_flow p a {
	display: block;
	padding-bottom: 1em;
	padding-top: 1em;
	color: #fff;
	font-size:120%;
	font-weight: bold;
}

.page_flow img {
  width: 100%;
}



@media screen and (min-width: 769px) {
.cd-primary-nav>li:nth-child(4)>a {color: #8ca251;box-shadow:inset 0 -4px 0 #8ca251;}
}

.titlebox {
	height: 200px;
	margin-bottom: 1.5em;
	border: 1px solid #ccc;
	vertical-align: middle;
	display: table;
	width: 100%;
}
.titlebox h1 {
	display: table-cell;
	vertical-align: middle;
	font-size: 36px;
	padding-right: 5%;
	padding-left: 5%;
}
.bg_training {
	background-image: url(images/bg_training.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.bg_lesson {
	background-image: url(images/bg_lesson.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.bg_manner {
	background-image: url(images/bg_manner.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.bg_orientation {
	background-image: url(images/bg_orientation.png);
	background-repeat: no-repeat;
	background-position: right center;
}


@media screen and (max-width: 768px) {

.titlebox {
	height: 128px;
}

.bg_lesson,.bg_manner,.bg_orientation {
	background-size: 80%;
}
.titlebox h1 {
	font-size: 28px;
}


}