#wnetevergreen * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cf:before, .cf:after {content:""; display:table;}
.cf:after, .clear {clear:both;}
.cf {*zoom:1;}

#wnetevergreen {
	background: rgb(34,34,34);
	background: radial-gradient(circle, rgba(34,34,34,1) 16%, rgba(48,48,48,1) 78%);
	color: #fff; 
	padding: .8em;
}
#wnetevergreen .legacywidth {margin: 0 auto; max-width: 980px;}
#wnetevergreen .eg-icon {float: left; width: 5%; margin-right: 1%;}

#wnetevergreen svg {width: 100%; height: auto;}
#wnetevergreen .eg-line1 {float: left; width: 94%; font-size: 1.375em; line-height: 1.6em;}
#wnetevergreen .eg-line2 {float: left;  width: 94%;  font-size: 1em; }


@media screen and ( min-width: 481px ) and ( max-width: 768px ) {
	#snapwrap {margin-top: 143px !important;} 
	#wnetevergreen .eg-icon {width: 8%; margin-right: 2%;}
	#wnetevergreen .eg-line1 {width: 90%; font-size: 1.2em;}
	#wnetevergreen .eg-line2 { width: 90%;  font-size:1em; }
}

@media screen and ( max-width: 480px ) {
	#snapwrap {margin-top: 143px !important;} 
	#wnetevergreen .eg-icon {width: 8%; margin-right: 2%;}
	#wnetevergreen .eg-line1 {float: right; width: 90%; font-size: .9em;}
	#wnetevergreen .eg-line2 {float: right; width: 90%;  font-size:.8em; }
}