body, p, td, a {
    font-family: Verdana, Arial, sans-serif;
    font-size: 8pt;
    color: #1F79D3;
}
a {
    text-decoration: none;
}
a:hover {
    color: #FFD900;
}
.container {
    max-width: 750px;
    margin: 0 auto;
    padding: 10px;
}
.header-img, .sep-img {
    width: 100%;
    height: auto;
}
.left-nav, .main-content {
    padding: 10px;
}
.left-nav {
    background: url('images/navi_2.html') no-repeat;
    background-size: cover;
}
.responsive-table {
    width: 100%;
    display: flex;
    flex-direction: column;
}
@media(min-width: 768px) {
    .responsive-table {
        flex-direction: row;
    }
    .left-nav {
        width: 33.33%;
    }
    .main-content {
        width: 66.67%;
    }
}