body, html {
    height: 100%;
    background: url("images/news.jpg") no-repeat center center fixed;
    background-size: cover;
}

.flex-container {
    display: -webkit-flex;
    display: flex;
    width: auto;
    height: auto;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-item {
    -webkit-flex-direction: column;
    flex-direction: column;
    flex: 1 1 550px;
    background-color: #EEEEEE;
    width: auto;
    height: auto;
    max-height: 65vh;
    margin: 10px;
    overflow-y: auto;
    box-shadow: 2px 3px 8px #888888;
    border-radius: 4px;
}

.flex-container-title {
    display: -webkit-flex;
    display: flex;
    width: auto;
    height: auto;
    background-color: #2E7D32;
}

.flex-container-body {
    display: -webkit-flex;
    display: flex;
    background-color: #EEEEEE;
}

h1[id="title"] {
    margin-left: 20px;
    font-family: Roboto-Thin;
    color: #FAFAFA;
}

p[id="date"] {
    font-size: 20px;
    color: #FAFAFA;
    margin-left: 20px;
    font-family: Roboto-Regular;
}

p[id="news_body"] {
    font-size: 24px;
    margin-left: 20px;
    font-family: Roboto-Regular;
}
