@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');

body {margin: 0; padding: 0;}
.cf:before, .cf:after {content:""; display:table;}
.cf:after, .clear {clear:both;}
.cf {*zoom:1;}

.legacy-head {background-color: #242424; color: #fff; font: normal 16px 'Montserrat';}
.legacy-head img {max-width: 100%; height: auto;}
.legacy-head .inner {max-width: 900px; margin: 0 auto;}
.legacy-head .inner.first {padding: 1em 0;}
.legacy-head .logo {float: left; width: 30%;}

.legacy-head .donate {float: right; width: 30%; text-align: right;}
.legacy-head .donate button {background-color: #cf0018; color: #fff; padding: .5em 1em; font-weight: 700; border: 0; font-size: 16px; cursor: pointer;}
.legacy-head .donate button:hover {background-color: #000;}

#access {background-color: #303030; }
#access ul {list-style-type: none; margin: 0; padding: 0;}
#access li {float: left;}
#access a {float: left; display: block; padding: .8em 1.5em .8em 0; color: #fff; text-decoration: none; font-size: 16px;}
#access a:hover {color: #ff512c;}

#wnetevergreen {background: #666 url(/includes/alert-hz-tile.gif) top left repeat-x; color: #fff; padding: .7em 0; margin-bottom: 16px; font: normal 16px 'Montserrat';}
#wnetevergreen .inner {max-width: 900px; margin: 0 auto;}
#wnetevergreen .eg-icon {float: left; width: 5%; margin-right: 1%;}
#wnetevergreen img {max-width: 100%; height: auto;}
#wnetevergreen .eg-line1 {float: left; width: 94%; font-size: 18px; line-height: 1.6em;}
#wnetevergreen .eg-line2 {float: left;  width: 94%;  font-size: 14px; }