body {
    font-family: 'Open Sans', sans-serif;
}
h1 {
    text-align: center;
}
#container {
    background-color: #003049;
    width: 90%;
    height: 500px;
    margin: 0 auto;
    border: 5px solid #003049;
    display: flex ;
    flex-direction: row;
    justify-content: center ;
    align-items: center ;
    flex-wrap:wrap ;
    align-content: space-between;
}

#container div {
    width: 200px ;
    height: 200px;
    max-width: 300px;
    text-align: center;
    flex-basis: 200px ;
}

div:nth-of-type(1) {
    flex-grow: 1;
}

div:nth-of-type(5) {
    flex-grow: 2;
}