@charset "utf-8";

/*----------------------------------------*----------------------------------------
howto
----------------------------------------*----------------------------------------*/

#howto .media {
	margin-bottom: 0;
}
#howto .media:last-child p:last-child {
	margin-bottom: 10px;
}
#howto .media_object {
	position: relative;
}
#howto h2 {
	margin-bottom: 5px;
}
#howto .media_object:after {
	background: #d9d7ce;
	content: "";
	display: block;
	height: 400px;
	width: 4px;
	position: absolute;
	left: 50%;
	margin-left: -2px;
	z-index: 1;
}
#howto .media:last-child .media_object:after {
	display: none;
}
#howto .number {
	text-align: center;
	display: block;
	background: #47a1b3;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
#howto .media_body {
	padding-top: .25em;
	padding-left: 15px;
}
#howto .number {
	width: 40px;
	line-height: 40px;
	font-size: 2rem;
}
#howto h2 {
	text-align: left;
}
}

@media print, screen and (min-width: 768px) {
#howto .media_body {
	padding-top: .5em;
	padding-left: 20px;
}
#howto .number {
	width: 50px;
	line-height: 50px;
	font-size: 2.5rem;
}
}

/*----------------------------------------*----------------------------------------
document
----------------------------------------*----------------------------------------*/

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

@media print, screen and (min-width: 768px) {
#document h2 {
	text-align: center;
}
}