/* Header/logo Title */
.header {
    width: 100%;
    padding: 20px;
    background: #77b1f3;
    display: flex;
    justify-content: center;
    align-items: center;
}
#logo {
    width: 210px;
    display: flex;
}
#title {
    flex: 70%;
    text-align: center;
    color: white;
}
#uppercase {
    text-transform: uppercase;
    color: red;
    transform: rotate(20deg);
}

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