body {
    background-color: #ffffff;
}


.flex-heading {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: x-large;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 5px #000000;
    text-align: center;
    border: 1px solid #808080;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    box-shadow: 0px 3px 6px #111;
    background-color: #919af9;
}

.flex-subheader {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: large;
    font-weight: bold;
}

.flex-container {
    display: flex;
}

.flex-child {
    padding-left:5px;
    padding-right:5px;
    flex: 1;
}

.flex-HomeContainer {
    margin-left:20px;
    margin-right:20px;
    display: flex;
}

.flex-HomeChild {
    flex: 1;
}

.flex-EntryContainer{
    margin-top:5px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
    display: flex;
}
.flex-EntryChild{
    padding-left:2px;
    padding-right:2px;
    flex: 1;
}

@media screen and (max-width: 600px) {
    .flex-heading {
        flex-direction: column;
    }
}

@media screen and (max-width: 600px) {
    .flex-container {
        flex-direction: column;
    }
}