/* howTo */
#howTo img {
	height: 100%;
	min-height: 75px;
	margin: 0 auto;
	display: inline-block;
	margin: 10px 10px 30px 10px;
	border-radius: 50%;
    border: 2px solid #a0a0a0;
    padding: 15px;
    background: #fff;
    box-shadow: 1px 2px 7px 1px rgba(0,0,0,.3);
}
@media screen and (max-width: 370px){
	#howTo img {
	}
	#howTo h2 {
		font-size: 20px;
		padding: 12% 0px 0px 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
}
#svgContainer {
	z-index: -10;
	position:absolute;
}
#howTo h2 {
	color: #124e75;
	font-weight: 600;
	text-align: left;
	display: inline-block;
	width: 60%;
	}
#howTo .rightH2{
	color: #124e75;
	font-weight: 600;
	float: right;
	display: inline-block;
	width: 60%;
	text-align: right;
	}
#flow2 {
	float: right;
}
#flow4 {
	float: right;
}
#mega-modal h1 {width: 100%;}
#mega-modal .container .row .all-grades-modal .row {display: flex;}
#mega-modal .container {padding-top: 5% !important;}
@media (max-width: 768px){
	#mega-modal .container .row {display: block;}
	.main-nav-section.yamm {background: #fff !important;}
	.header_main_in .col-sm-3 a img {position: relative; left: -10px;}
}
#resources-section {margin: 0; padding: 35px 0;}
#resources-section h2 {font-size: 32px; color: #186EA7; text-align: center; margin-bottom: 35px;}
#resources-section h3 {color: #186EA7; text-align: center;}