<style>

	div {
		margin:0 auto;
	}

	div > img {
		margin:0 auto;
		text-align:center;
	}

	.blankline10 { 
		width: 100%;
		height:10px;
	}

	.navbar-inverse {
	  background-color: #283aec;
	  border-color: #1c2cc3;
	}
	.navbar-brand {
	  padding: 5px 10px 5px 20px;
	}

@media (max-width: 767px) {
	.container {
		width: 100%;
	}
	h1 {
	  font-size: 150%;
	}
	h2 {
	  font-size: 130%;
	}
	h3 {
	  font-size: 100%;
	}
/*	.col-sm-12, .col-xs-12, .col-sm-6, .col-xs-6 {	}  */

	.col-sm-12, .col-xs-12 {
		padding-right:15px;
		padding-left:15px;
	}

	.col-sm-6, .col-xs-6 {
		padding-right:8px;
		padding-left:8px;
	}

}


@media (min-width:768px) and (max-width:991px){ 

	.container {
		width: 750px;
	}
	h1 {
	  font-size: 200%;
	}
	h2 {
	  font-size: 180%;
	}
	h3 {
	  font-size: 150%;
	}
/*	.col-sm-12 img, .col-xs-12 img {  */
	.col-sm-12, .col-xs-12 {
		clear:both;
		padding-right:0px;
		padding-left:10px;
	}
}

@media (min-width: 768px) {
	.container {
		width: 750px;
	}
	text-align:center;

/*
	.col-sm-12, .col-xs-12 {
		clear:both;  

	}
*/
}

@media (min-width: 992px) {
	.container {
		width: 980px;
	}
	h1 {
	  font-size: 200%;
	}
	h2 {
	  font-size: 180%;
	}
	h3 {
	  font-size: 150%;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}
	h1 {
	  font-size: 250%;
	}
	h2 {
	  font-size: 225%;
	}
	h3 {
	  font-size: 200%;
	}
}



.font-red{ color:#FF0000; }

</style>