.header {
    width: 100%;
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.list li{display:block}
.sections {
    display: inline-block;
    margin-bottom: 10px;
}

#social-bar { margin-bottom: 15px; }
#social-bar a {
    display: inline-block;
    width: 21px;
    height: 35px;
    fill: rgba(0,0,0,.2);
    margin-right: 20px;
    border-radius: 3px;
    text-align: center;
}
#social-bar a:last-child {margin-right: 0;}
#social-bar a svg { height: 35px; }
a#facebook, a#facebook svg { width: 14px; }
a#twitter svg { width: 21px; }
a#instagram svg { width: 21px; }
#social-bar a:hover { fill: #ed7872; }

.story {
    margin: 50px 0;
    max-width: 800px;
}
.date {
    font-size: 16px;
    font-style: italic;
    color: #ccc;
    margin-bottom: 30px;
}
.story-first { margin-top: 100px; }
.story-last { margin-bottom: 150px; }
ul {
    padding-left: 20px;
}
li {
    font-size: 18px;
    margin-bottom: 10px;
}
.list li{
	font-size: 12px;
	margin-bottom: 0px
}
.greenwall__row .list{
	padding-left: 0
}
#footer {
    width: 100%;
    margin-bottom: 30px;
}
#footer p { font-size: 14px; }

.share {
    margin: 50px auto 80px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}
.comments {
    margin: 50px auto;
}


.fade { opacity: .6; }
.caps { letter-spacing: .15em; margin-left: -3px; }

figure { margin: 30px 0 50px; }
img {}
figcaption {
    font-style: italic;
    margin-bottom: 10px;
}

iframe {
    border:none;
    display: block;
    margin: 30px 0 50px;
}
.story ul {
    margin-bottom: 30px;
    padding-left: 5%;
}

.divider { clear: both; }
.hidden { display: none; visibility: hidden; }
.strike { text-decoration: line-through; }
.quote {
    display: block;
    padding: 10px 0 15px 5%;
    font-style: italic;
}

.button {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
    text-decoration: none;
    color: #fff;
    background-color: #e14538;
    border: none;
	padding: 9px 25px 12px;
    margin-top: 30px;
    cursor: pointer;
}
.button:hover {
    color: #fff;
	background-color: #c13a33;
    text-decoration: none;
}

@media (max-width: 768px) {
    .sections { margin-left: 0; }
    .nav span.currentSection {
        background: none;
        color: #666;
    }
    .nav a.currentSection {
        background: none;
    }
    .nav #home, .nav a, .nav span.currentSection {
        padding: 7px 0 9px;
        margin-right: 25px;
    }
    .nav a:hover {
        background: none;
        color: #457c7f;
        text-decoration: underline;
    }
    .story-first { margin-top: 60px; }
    .story-last { margin-bottom: 80px; }

}
.reset-map .col-sm-5.col-md-5{width:36%}
.reset-map .col-sm-8.col-md-8{width:64%}