/*h1{
	background-color: rgb(42,82,107);
	background-color: rgba(42,82,107, 0.9);
    font-size: 2.6em;
    line-height: 38px;
    margin-top: 2.6%;
    padding-top: 2.1%;
    padding-bottom: 2.1%;
    padding-right: 1.5%;
    width: 66.5%;
}*/

h1{
	font-size: 1.9em;
}

h1:after{
	background-color: rgb(141, 198, 33);
	background-color: rgba(156, 218, 36, 0.9);

	width: 3%;
	right: -3%;
}

#main.history{
	margin-top: 2.3%;
}

#main.history,
#ceo{
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.9);
}

#ceo{
	max-width: 1000px;
	margin: 0 auto;
}

#main.history article,
#ceo article{
	color: #8cca13;
	font-family: "Gotham-Medium";
	/*font-size: 0.8em;*/
	max-width: 1000px;
	padding: 2.4%;
	width: 94.8%;
}

#main.history article{
	padding-bottom: 0;
}

#main.history article:last-child{
	padding-bottom: 2.6%;
}

#ceo{
	margin-top: 0.6%;
	margin-bottom: 2.8%;
}

#main.history article h2,
#ceo article h2{
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom: 1.6%;
	margin-top: 0;
}

#ceo article h2 .white{
	color: #fff;
}

#main.history article p{
	/*line-height: 16px;*/
	/*letter-spacing: -1px;*/
}

#main.history article p,
#ceo article p{
	color: #bbb;
	text-align: justify;
}

#main.history article img,
#ceo article img{
	float: left;
	margin-right: 2.8%;
}

@media all and (min-width: 1366px){
	h1{
		font-size: 2.5em;
	}
}

@media all and (max-width: 1024px){
	h1{
		font-size: 2.4em;
	}
}

@media all and (max-width: 800px){
	h1{
		font-size: 1.6em;
	}
}

@media all and (max-width: 640px){
	h1{
		font-size: 1.5em;
	}
}

@media all and (max-width: 480px){
	h1{
		font-size: 1.2em;
		padding-left: 0;
		width: 90%;
	}

	img{
		display: block;
		width: 100%;
	}
}

@media all and (max-width: 320px){
	h1{
		font-size: 0.8em;
	}
}

@media all and (max-width: 240px){
	h1{
		font-size: 0.9em;
	}
}