body {
    background-color: #f0f2f5;
}
/* header */
#header {
    display: flex;
    flex-direction: row;
    color: white;
    background-color: #37517e;
    padding: 12px 60px;
}
#header  a {
    color: white;
}
#header a:hover {
    color: #f9667e !important;
}
#header .logo {
    align-self: center;
}
#header .logo a {
    display: flex;
    flex-direction: row;
}
#header .logo a img{
    width: 35px;
    width: 35px;
}
#header .logo a .title {
    margin-left: 4px;
    font-size: 1.5rem;
    font-weight: bold;
}
#header .header-left {
    align-self: center;
    flex: 1;
}
#header .header-left ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    margin-bottom: unset;
}
#header .header-left ul li {
    padding: 0px 4px;
}

#header .header-right {
    align-self: center;
}
#header .header-right ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    margin-bottom: unset;
}
#header .header-right .dropdown-menu a {
    color: black;
}
/* end header  */

/* footer */
#footer {
    display: flex;
    flex-direction: row;
    padding: 8px 60px;
}
#footer .copyright {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
/* end footer */