/* mission numbers */

.mission-numbers h1 {
	display: none
}

.mission-numbers > h2 {
    margin-bottom: 50px;
}

.mission-numbers .mission {
	width: 100%;
	overflow: hidden;
    margin-bottom: 0;
}

.mission-numbers .mission .missions {
	width: 400%;
	margin-left: 0;
}

.mission-numbers .mission .miss {
	width: 25%;
	float: left;
	text-align: justify;
}

.mission-numbers .mission .miss h3 {
    margin-bottom: 10px;
}

.mission .miss p {
    color: #9c9c9c;
    text-align: left;
}

.mission-numbers .numbers {
	clear: both;
	margin: 5px 0 50px;
}

.mission-numbers .numbers h3 {
	color: #666;
    margin-bottom: 20px;
}

.mission-numbers .numbers ul {
	border: 1px solid #ccc;
	padding: 25px 30px;
	margin-bottom: 20px;
}

.mission-numbers .numbers li {
	color: #9c9c9c;
}

.mission-numbers .numbers li strong {
	font-size: 24pt;
	font-family: 'cormorant';
	color: #333;
	margin-right: 10px;
}






@media(min-width: 750px) {

	.mission-numbers .numbers ul {
		width: 49%;
		height: 320px;
		display: inline-block;
		vertical-align: top;
		margin-right: 1.5%;
	}

	.mission-numbers .numbers ul:last-child {
		margin-right: 0;
	}
}






@media(min-width: 1150px) {
	/**/
    .mission-numbers .mission .missions {
        padding-top: 50px;
    }
	.mission-numbers .mission {
		width: 30%;
		float: left;
		margin-right: 5%;
	}

	.mission-numbers .numbers {
		clear: none;
		margin-top: 0;

		width: 65%;
		float: left;
	}

	.mission-numbers .numbers ul {
		margin-right: 1.3%;
	}
}