#templates {

	display: none;
}

.body-container {

	padding: 1em 0em;
}

.body-container p {

	margin-top: 0em;
}

.body-container .course-download {

	text-align: center;
}

.body-container .course-download button span {

	text-align: center;
}

.body-container .image-container {

	display: inline-block;
	width: 25%;
	vertical-align: top;
	text-align: center;
}

.body-container .image-container img {

	max-width: 100%;
	border-radius: 2px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(128,128,128,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(128,128,128,1);
	box-shadow: 0px 3px 5px 0px rgba(128,128,128,1);
}

.body-container .text-container {

	display: inline-block;
	width: 68%;
	vertical-align: top;
}

.body-container .text-container h3 {
	
	color: #40AE49;
}

.body-container .text-container p {

	margin: 1em 1em 0em 0em;
}

.body-container .title {

	margin: 2px 0px;
	font-weight: bold;
	color: #007AC3;
}

.body-container ul {

	margin-left: 0px;
}

.body-container ul li {

	display: inline-block;
	vertical-align: top;
	margin: 1em 2em;
	width: 400px;
	max-width: 100%;
}

.body-container ul li .img-container {

	display: inline-block;
	width: 45%;
	text-align: left;
	vertical-align: middle;
	padding: 10px 0px;
}

.body-container ul li .img-container img {

	max-width: 100%;
}

.body-container ul p {

	display: inline-block;
	vertical-align: middle;
}

.video-training-container {

	margin-top: 20px;
	text-align: center;
}

.video-training-container .description {

	padding: 10px;
	text-align: center;
}

.video-training-container h3 {

	font-weight: bold;
	color: #007AC3;
	font-size: 1.2em;
	margin: 1em 0em 0em 0em;
	text-align: center;
}

.redirect{
        background: none !important;
    border: none !important;
    margin: 0.5em 1em !important;
    font-weight: normal !important;
    font-size: 1.5em !important;
    float: none !important;
    display: inline-block;
    vertical-align: middle;
}

/**
	MEDIA QUERIES
*/
@media all and (max-width: 768px) {

	.body-container .image-container {
	
		display: none;
	}
	
	.body-container .text-container {
	
		display: block;
		width: inherit;
	}

	.body-container .text-container p {

		margin: 1em 0em;
	}
}

@media all and (max-width: 480px) {

	.body-container ul li {
	
		display: block;
		width: inherit;
	}
}