body {
	margin: 0px;
	padding: 0px;
}

#container {
	width: 100%;
     height: 100%;
	margin: 0px; 
	padding: 0px;
	}
	
#container_header {
	/* background: #23293a; */
	background:darkorange;
	margin: 0px;
	padding: 20px 10px 20px 80px;
}

#main_menu {
	background: #303850; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#303850, black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#303850, black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#303850, black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#303850, black); /* Standard syntax */
	border-top: 1px solid black;
	border-bottom: 2px solid #1198D3;
	box-shadow: 0px 5px #23293a;
	margin: 0 0 5px 0;
}

#main_menu > a {
	display: inline-block;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-decoration: none;
	padding: 3px 2px 3px 50px;
}

#main_menu > a:hover {
	display: inline-block;
	font-size: 12px;
	color: #3FF;
}

#container_slider {
	margin: 0px;
	padding: 0px;
}
#container_content {
	margin: 0% auto;
	padding: 0px;
	overflow: auto;
	background: #999ddd
}

.flex_container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 800px;
	background-color: #ccc;
	margin: 0% auto;

}

.flex_container > div {
	width: 150px;
	height: 150px;
	margin: 10px;
	text-align: center;
	font-size: 30px;
}

.course_box {
	background-color: white;
	border: 1px solid black;
	border-radius: 25px;
}