@charset "utf-8";
/* CSS Document */

main .sub-hd1,
main .sub-hd2 		{ font-weight:400 !important; font-family: Roboto, Helvetica, Arial, Lucida, sans-serif !important; }
main .sub-hd2 		{ font-size:1.5em !important; margin-top:2em; }

#historyItems		{}	

.history 			{ display:flex; }
.history .img 		{ width:25%; margin-bottom:-4em; }
.history .txt 		{ width:42%; padding:1em; }

.img-left .img 		{ order:1; }
.img-left .txt 		{ order:2; margin-right:33%; }

.img-right .img 	{ order:2; }
.img-right .txt 	{ order:1; margin-left:33%; }

.history .img 		{ line-height:0; }
.history .img img 	{ display:block; width:100%; max-width:300px; margin:0 auto; }

.history .txt h3.sub-hd1 { margin-bottom:0; }
.history .txt p 	{ margin:0.5em 0; }


@media all and (min-width: 769px) and (max-width: 1100px) {
	.history .img 		{ width:23%; padding-top:0.5em; margin-bottom:-1em; }
	.history .txt 		{ width:50%; }

	.img-left .txt 		{ margin-right:27%; }
	.img-right .txt 	{ margin-left:27%; }
}
@media all and (max-width: 768px) {
	main .sub-hd2 		{ font-size:1.4em !important; }

	.history .img 		{ width:26%; padding-top:1em; margin-bottom:-1em; }
	.history .txt 		{ width:67%; }

	.img-left .txt 		{ margin-right:7%; }
	.img-right .txt 	{ margin-left:7%; }
}
@media all and (max-width: 600px) {
	main .sub-hd2 		{ font-size:1.3em !important; }
	
	.history			{ display:block; margin:0 0 3em; }
	.history .img,
	.history .txt 		{ width:100%; padding:0; margin:0; }
	/*.history .img img 	{ width:50%; max-width:250px; margin:0; }*/
	
	.history .img		{ width:50%; }
	.img-left .img 		{ margin-right:50%; }
	.img-right .img 	{ margin-left:50%; margin-bottom:-1.5em; }

}
@media all and (max-width: 4250px) {
	main .sub-hd2 		{ font-size:1.2em !important; }
}