.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;
}


.blogarticletext {display:inline-block;}
.blogarticletext h4 {font-size:58px; margin:0 0 16px; line-height:100%!important; font-weight:bold;}

.blogarticletext span {font-size:12px; text-transform:uppercase; color:#000; font-weight:bold;}
.blogarticletext .artstats {margin:22px 0 0; }
.blogarticletext span.artdate {padding-right:12px;font-size:13px;}

.blogarticletext p {font-size:17px; margin:24px 0 30px; width:85%; }
.blogarticletext a.buttonrm, a.buttoncat-desktop, a.buttoncat-mobile {color:#000; padding: 16px 32px; border:2px solid #000; text-transform:uppercase; font-size:13px; font-weight:bold; display: inline-block;}
a.buttoncat-desktop {position:absolute; top:-85px; right:0;}
a.buttoncat-mobile {margin-left:10px; display:none;}

@media(max-width:900px){
	a.buttoncat-desktop {display:none;}
	.blogarticletext {text-align:center;}
	a.buttoncat-mobile {display:inline-block; margin-left:10px;}
	.blogarticletext p {width: 100%!important;}
	.blogarticletext a.buttonrm, a.buttoncat-desktop, a.buttoncat-mobile {padding: 16px 0!important; width:120px!important; text-align:center;}
}
@media(max-width:780px){
	.blogarticletext h4 {font-size:44px!important;line-height:100%!important;}
}
@media(max-width:500px){
	.blogarticletext h4 {font-size:36px!important;}
	.blogarticletext p {font-size: 14px!important; margin: 18px 0px 22px!important;}
}
@media(max-width:360px){
	.blogarticletext a.buttonrm, a.buttoncat-desktop, a.buttoncat-mobile {width: 100% !important;}
	a.buttoncat-mobile {margin:8px 0 0!important;}
}