h2              { letter-spacing:0.2em; text-align:left; color:#2f5d50; font-weight:normal;
	border-bottom:1px solid #aaa; }
article>p,.maintxt
  { line-height:2; text-align:left; }
.txtblue    	{ color:#5654a1; }
.lineblue   	{ background-color:#5654a1; } 

.master			{ text-align: center; }
.wrapbox		{ margin:4% 0 4% 0; }
.greentxthistory		{ color:#2f5d50; }
.example-titlehistory	{ background:rgb(130, 130, 130); color:#fff; padding:.4% 2% .4% 2%; }


@media print, screen and (min-width:769px) {
h2				{ font-size:16px; height:12%; margin-top:-13%; padding-bottom:1%; line-height: 1.5; }
#mainbox		{ width:980px;
				  display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex; }
#maintxtbox		{ flex-basis:722px; }
.articletitle	{ display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex; align-items:center; }
.articleh2		{ width:40%; }
.articleimg		{ width:60%; }
.wrapbox		{ width:100%; margin:0 0 10px 0; }
.wrapboxtr		{ width:60%; float:left; padding:10px 20px 10px 0; }
.wrapboxtrs		{ width:40%; float:left; padding:10px 20px 10px 0; }
.wrapboxtls		{ width:40%; float:right; padding:10px 0 10px 20px; }
}

@media only screen and (max-width:768px) and (min-width:641px) {
h2				{ font-size:2.5vw; height:12%; margin-top:-13%; padding-bottom:1%; line-height: 1.5; }
#maintxtbox		{ flex-basis:100%; }
.articletitle	{ display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex; align-items:center; }
.articleh2		{ width:45%; }
.articleimg		{ width:55%; }
.wrapbox		{ width:100%; margin:0 0 5% 0; }
/* article>p>img[src$=".jpg"]{ width:60%; } */
article>p>.wrapboxtr
				{ width:60%; float:left; padding:1% 4% 1% 0; }
article>p>.wrapboxtrs
				{ width:60%; float:left; padding:1% 4% 1% 0; }
article>p>.wrapboxtls
				{ width:45%; float:right; padding:1% 0 1% 4%; }
}

@media only screen and (max-width:640px) and (min-width:481px) {
h2				{ font-size:3vw; line-height:1.5; text-align:center; height:12%; padding-bottom:1%; }
.articletitle	{ -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
.articleh2		{ width:100%; }
.wrapboxtrs,.wrapboxtls
				{ padding:3% 20% 5% 20%; }
.wrapboxtr		{ padding:3% 7% 5% 7%; }
}

@media only screen and (max-width:480px) and (min-width:321px) {
h2				{ font-size:5vw; line-height:1.5; text-align:center; height:12%; padding-bottom:1%; }
.articletitle	{ -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
.articleh2		{ width:100%; }
.wrapboxtrs,.wrapboxtls
				{ padding:3% 15% 5% 15%; }
.wrapboxtr		{ padding:3% 6% 5% 6%; }
}

@media only screen and (max-width:320px) {
h2				{ font-size:6vw; line-height:1.5; text-align:center; height:12%; padding-bottom:1%; }
.articletitle	{ -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
.articleh2		{ width:100%; }
.wrapboxtrs		{ padding:3% 10% 5% 10%; }
.wrapboxtr		{ padding:3% 5% 5% 5%; }
}