@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

html {
    height: 100%;
}
body { 
    background-color: #e7e7e9;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-bottom: 0;
    margin-bottom: 0px;
    height:100%;
}
body div.container {
    background-color: #fff; 
    padding-left: 3rem; /* todo -> dynamic, breakpoints test etc */
    padding-right: 3rem; 
}
footer {
/*    position: absolute;
    bottom: 0;*/
    width: 100%;
    font-size: 0.8rem;
}
#chevronl, #chevronr {
    display: none;
}
.navrow {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.navbar .nav-link, #mainMenuNav .nav-link {
    padding-top: 8px !important; /* todo, use bootstrap - depends on breakpoints like 26px 1.2vw !important */
    padding-bottom: 4px !important; /* todo, use bootstrap - depends on breakpoints like 26px 1.2vw !important */
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-bottom: 4px solid #ffffff !important;
    letter-spacing: 0.9pt;
    line-height: 2.3em;
    font-size: 16px;
}
#mainMenuNav .nav-link:hover {
    border-bottom: 4px solid #868686 !important;
}
#mainMenuNav .nav-item.active .nav-link {
    border-bottom: 4px solid #2059a5 !important;
}
.hz-logo {
    max-height: 95px;
    max-width: 600px;
    height: 100%;
    width: 100%;
}