html, body {
    height: 100%;
    margin: 0;
}

.top-menu-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: space-between;
    position: fixed;
    width: 100%;
    background: #0E3C64;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    padding-top: 5px;
    min-height: 64px;
    z-index: 2;

}
.top-menu-container:before {
     width: 100%;
     height: 5px;
     display: block;
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     background: #1D4A77;
}

.brand-logo {
    background-image: url('./logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 320px;
    height: 50px;
    margin: 0 20px 0;
}

.content-container {
    padding: 64px 15rem 0;
    font-family: "ITC Franklin Gothic";
    color: #535353;
}

@font-face {
    font-family: 'ITC Franklin Gothic';
    src: url('./../FONTS/FranklinGothicURW-Boo_gdi.eot'); /* IE9 Compat Modes */
    src: url('./../FONTS/FranklinGothicURW-Boo_gdi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./../FONTS/FranklinGothicURW-Boo_gdi.woff') format('woff'), /* Pretty Modern Browsers */
    url('./../FONTS/FranklinGothicURW-Boo_gdi.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./../FONTS/FranklinGothicURW-Boo_gdi.svg#svgFontName') format('svg'); /* Legacy iOS */
}