body {
    background-color: #ffec92;
}

#header {
    display: block;
    height: 150px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007004+0,689610+100 */
    background: #007004; /* Old browsers */
    background: -moz-linear-gradient(top, #007004 0%, #689610 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #007004 0%,#689610 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #007004 0%,#689610 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007004', endColorstr='#689610',GradientType=0 ); /* IE6-9 */
}

#header img {
    display: inline-block;
}

#links {
    background-color: #164803;
    padding: 30px;
    height: 100px;
}

#links a {
    color: #FFF;
}

#content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1048px){
    #header {
        background: url(/_static/layout/header.jpg) no-repeat top center transparent;
        background-size: contain;
    }
    #header img {
        display: none !important;
    }
}