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; }
/* .commentarybtitles
    			{ font-size:12px; vertical-align:middle; margin:0; } */
.txtblue    	{ color:#5654a1; }
.lineblue   	{ background-color:#5654a1; } 

.master			{ text-align:center; }
.wrapboxr,.wrapboxy,.wrapboxt
				{ width:100%; height:100%; }
.wrapbox		{ margin:4% 0 4% 0; }


@media print, screen and (min-width:769px) {
h2				{ font-size:16px; height:20px; margin-top:-22px; }
#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; }
.wrapboxtl		{ width:30%; float:right; padding-left:20px; }
.wrapboxtr		{ width:60%; float:left; padding:10px 20px 10px 0; }
}

@media only screen and (max-width:768px) and (min-width:641px) {
h2				{ font-size:2.5vw; height:12%; margin-top:-13%; padding-bottom:1%; }
#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%; }
.wrapboxtl		{ float:right; padding:1% 0 1% 4%; }
.wrapboxtr		{ float:left; padding:1% 4% 1% 0; }
}
	
@media only screen and (max-width:640px) and (min-width:481px) {
h2				{ font-size:3vw; line-height:1.5; height:12%; margin-top:-13%; padding-bottom:1%; }
.articletitle	{ display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex; align-items:center; }
.articleh2		{ width:40%; }
.wrapboxtl		{ 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%; }
.wrapboxtl		{ 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%; }
.wrapboxtl		{ padding:3% 10% 5% 10%; }
.wrapboxtr		{ padding:3% 5% 5% 5%; }
}