html, body {
    margin: 0;
    padding: 0;
    font-family: "Baloo 2";
    font-size: 5px;
    /*color: #BFD5DD;*/
    /*color: #F5E1B0;*/
    color: #C0C4EF;
    background-color: #2C2E5C;
    line-height:1.35;
}

a {
    color: #D4B0EB;
    /*color: #8795FF;*/
    text-decoration: none;
}

a:hover {
    color: #F0D7FF;
}

.active {
    border-bottom: 2px solid #F0D7FF;
    padding-bottom:0px;
    color: #F0D7FF;
}

#nav {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    height: 50px;
    width: 100%;
    background-color: #594a8e;/*#52418F;*/
    /*background-image: linear-gradient(#594a8eff, #594a8e00);*/
    /*padding: 2em;*/
    margin:0;
}

#top {
    background-color: #fff;
    background-image: url("images/Background_AvailableNow.png");

    background-size: cover;
    background-position: 50% 0px;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/

    height: calc(100vh - 50px);
    /*text-align: center;
    display:flex;
    justify-content:center;
    align-items:space-evenly;
    flex-direction:row;
    flex-wrap:wrap;*/
    margin:0;
}

#content {
    background-color: #2C2E5C;
    /*background-image: linear-gradient(#221428, #181930);*/

    background-size: cover;
    background-position: 50% 0px;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/

    display:flex;
    justify-content:center;
    align-items:space-evenly;
    flex-direction:column;
    flex-wrap:wrap;
    margin:0;
    padding:80px 40px;

    min-height: calc(100vh - 50px - 400px);

    font-size: 3.5em;
}

#bottom {
    background-color: #313564;/*#3d5b67;#639873;*/
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin:0;
}

#bottom_copy {
    /*padding-left: 50px;*/
    padding-top: 1.5em;
    text-align: center;
    font-size: 3.5em;
    /*color: #E4CFAE;*/
}