* {
    box-sizing: border-box;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.header {
    background-color: #e5e5e5;
    background-size: 100vw;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 35px;
    color: white;
    height: 250px;
    padding: 15px;
    text-align: center;
}

.body {
    color: #aaaaaa;
}

.buffer {
    /* buffer between header and menu's and main */
    height: 25px;
}

.menuleft {
    background-color: rgba(0, 0, 0, 0.55);
    float: left;
    width: 20%;
    text-align: center;
}

.menuleft a {
    color: white;
    text-decoration: none;
    padding: 8px;
    margin-top: 7px;
    display: block;
    width: 100%;
}

.main {
    float: left;
    width: 60%;
    padding: 0 20px;
}

.menuright {
    background-color: rgba(7, 15, 124, 0.55);
    float: left;
    width: 20%;
    text-align: center;
}

.menuright a {
    color: white;
    text-decoration: none;
    padding: 8px;
    margin-top: 7px;
    display: block;
    width: 100%;
}

.footer {
    background-color: rgba(24, 99, 47, 0.814);
    text-align: center;
    padding: 20px;
    margin-top: 7px;
}

.footer a {
    color: white;
    font-size: 10px;
    text-decoration: none;
}

@media only screen and (max-width: 620px) {

    /* For mobile phones: */
    .menuleft,
    .main,
    .menuright {
        width: 100%;
    }
}

.maps {
    padding-bottom: 80px;
    text-align: center;
}