/* Header */

body > header {
    min-height: 170px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#83be2c+0,8fc83b+47,93ca41+88,7fad3b+100 */
    background: #83be2c; /* Old browsers */
    background: -moz-linear-gradient(top, #83be2c 0%, #8fc83b 47%, #93ca41 88%, #7fad3b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #83be2c 0%, #8fc83b 47%, #93ca41 88%, #7fad3b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #83be2c 0%, #8fc83b 47%, #93ca41 88%, #7fad3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83be2c', endColorstr='#7fad3b', GradientType=0); /* IE6-9 */
}

header .banner {
    width: 85%;
    margin: 0px auto;
    background: url(../img/banner.jpg) no-repeat;
    height: 170px;
    text-align: right;
    flex-direction: column;
}

header .banner div {
    padding-top: 30px;
}

header h1 {
    color: #ffffff;
    font-size: x-large;
    font-weight: 700;
    font-style: italic;
    text-shadow: 0 0 2px #000000;
    padding-right: 10px;
}