.legend {
font-size:12px;
font-weight:bold;
color:#333333;
background-color:#e0e0e0;
padding:2px 5px 2px 2px;
border-bottom:1px solid #333333;
}

.tag {
padding:2px;
font-size:10px;font-family:Arial;color:#333333;background-color:#f9f9f9;
border-bottom:1px solid #333333;
}

.upperarticlewrap {float:left;max-width:100%;width:100%;}
.upperarticlewrap .textwrap1 {float:right; }
.upperarticlewrap .textwrap {width:29%; padding:60px 0 15px 50px;}
.textwrap h2 {font-weight:bold; text-transform:uppercase; color:#fff;}
.textwrap span {font-size:20px; font-weight:100; color:#fff;}
.textwrap hr {border:3px solid #fff; width:80px; margin:36px 0;}
.textwrap p {font-size:15px; font-weight:100; color:#fff;}

@media(max-width:1640px){
	.upperarticlewrap .textwrap {width:40%; padding: 40px 0px 15px 40px;}
}

@media(max-width:1440px){
	.upperarticlewrap .textwrap {width:45%;}
	.upperarticlewrap .img-wrap img {max-width:140%; width:140%;}
}

@media(max-width:1040px){
	.textwrap span {font-size:15px;}
	.textwrap h2 {font-size:24px;}
	.textwrap hr {margin:20px 0;}
}
@media(max-width:900px){
	.upperarticlewrap .img-wrap {float:none; width:100%;}
	.upperarticlewrap .img-wrap img {max-width:100%; width:100%;}
	.upperarticlewrap .textwrap {float:none; width:90%; padding:4% 5%; text-align:center;}
	.textwrap hr {width:80px; margin:20px auto;}
}