/* Banner */

banner {

position: relative;
margin: 0;
padding: 5em 0 5em 0;
height: 100vh;
color: #fff;
text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
text-align: center;
background: #35b88f url('images/banner.svg') bottom center no-repeat;
background-size: 125% auto;

.button {
        color: #35b882;
        text-shadow: 0 0 0.5px rgba(53, 184, 130, 0.25);
}

header {
        margin: 0 0 2em 0;

        h2 {
                font-weight: 400;
                font-size: 1.75em;
                letter-spacing: 8px;
        }
}

p {
        margin: 0;
}

footer {
        margin: 2em 0 0 0;
}

a {
        color: inherit;
        border-bottom-color: rgba(255, 255, 255, 0.5);

        &:hover {
                border-bottom-color: rgba(255, 255, 255, 0);
        }
}

}