@media screen and (max-width: 768px){
	article dt {
	float: left;
	font-size: 125%;
	font-weight: bold;
	color: #6B6AA7;
	}
}

@media screen and (max-width: 420px){
	article dt {
	float: left;
	font-size: 100%;
	font-weight: bold;
	color: #6B6AA7;
	}
}

@media screen and (min-width: 768px){
	article dt {
	float: left;
	font-size: 150%;
	font-weight: bold;
	color: #6B6AA7;
	}
}

@media screen and (max-width: 768px){
	.text-banner { 
	color: blue;
	font-size: 100%;
	}
}

@media screen and (max-width: 420px){
	.text-banner { 
	color: blue;
	font-size: 75%;
	}
}

@media screen and (min-width: 768px){
	.text-banner { 
	color: blue;
	font-size: 125%;
	}
}		

@media screen and (max-width: 768px){
	img.img_left_topbanner {
	display: block;
	margin-left: 5%;
	margin-right: auto;
	float: left;
	max-height: 123px;
	}
}	

@media screen and (max-width: 420px){
	img.img_left_topbanner {
	display: block;
	margin-left: 5%;
	margin-right: auto;
	float: left;
	max-height: 81px;
	}
}	

@media screen and (min-width: 768px){
	img.img_left_topbanner {
	display: block;
	margin-left: 5%;
	margin-right: auto;
	float: left;
	max-height: 186px;
	}
}	
	
@media screen and (max-width: 768px){
	img.img_right_topbanner {
	display: block;
	margin-left: auto;
	margin-right: 5%;
	float: right;
	max-height: 133px;
	}
}	

@media screen and (max-width: 420px){
	img.img_right_topbanner {
	display: block;
	margin-left: auto;
	margin-right: 5%;
	float: right;
	max-height: 88px;
	}
}	

@media screen and (min-width: 768px){
	img.img_right_topbanner {
	display: block;
	margin-left: auto;
	margin-right: 5%;
	float: right;
	max-height: 201px;
	}
}