/*pending NF quote*/
/*.quote {
	padding: 40px 0px 20px;
	font-size: 20px;
	font-weight: 200;
	text-align: center;
	font-style: italic;
}*/
h1 .first {
	margin-top: 0;
}
/*career pathways*/
.darker {
	background: #006666;
/*	height: 245px;
	padding: 20px;*/
}
.lighter {
	background: #2D8383;
}
.darker, .lighter {
	height: 245px;
	padding: 20px;
}
.darker > a {
	display: block;
	margin-bottom: 5px;
	padding: 6px 10px;
	color: white;
	font-weight: 500;
	text-align: center;
	width: 80%;
	margin-left: 70px;
}
.lighter > a {
	display: block;
	color: white;
	font-weight: 500;
	text-align: center;
	height: 205px;
	padding: 70px;
	width: 77%;
}
a.ffs {
	background: #f07f00;
	margin-left: 40px;
}
a.iis { 
	background: #004651;
	margin-left: 15px;
}
a.ops{background: #E12E26;}
a.wealth{background: #8A2842;}
a.cnr{background: #6661AB;}
a.cmcf{background: #334E9E;}
a.if{background: #40AE49;}
/*span.ql, span.fl{
	display: block;
	transform: rotate(270deg);
}*/
/*popups*/
.well {
	margin-bottom: 0px !important;
}
/*.modal-body .content .well {
	margin-top: 40px !important;
}*/
.modal-body .closeButton {
	background: none;
	border: none;
	position: absolute;
	top: 10px;
	right: 5px;
}
.modal-body {
	padding: 0px !important;
}
.modal-body h4 {
	margin-top: 0px;
}
.modal-body h2 {
	margin-top: 10px;
}
.atpBlock img {
	padding-bottom: 10px;
}
/*local committee*/
.nacBlock h1 {
	padding-bottom: 20px;
}
/*sponsors*/

.logos2 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
}
.logos2 img {
	margin: auto;
}

@media (max-width : 1599px) {
	.lighter > a {
		padding: 50px;
	}
}
@media (max-width: 1199px) {
	.lighter > a {
		padding: 55px 30px;
	}
	.darker {
		margin-left: -20px;
	}
}
@media (max-width: 991px) {
	.lighter > a {
		padding: 60px 0;
		margin-left: 10px;
	}
	.darker > a {
		margin-left: 35px;
	}
}
@media (max-width: 768px) {
	h1.cp {
		text-align: center;
	}
	.ligher > a {
		margin-left: 0;
	}
	.darker {
		margin-left: 0;
	}
	.darker > a {
		width: 97%;
		margin-left: 10px;
	}
	a.ffs,
	a.iis {
		width: 97%;
	}
}
@media (max-width: 568px) {
	.logos2 {
		grid-template-columns: 1fr 1fr;
	}
}