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

.container{font-family: 'Roboto', sans-serif;}
.logo img{
    height: 125px;
    position: absolute;
    background-color: white;
    padding: 20px;
    z-index: 1000000;
}
@media(max-width: 767px){
    .logo img{
        height: 100px;
        position: relative;
    }
}

.menu{
    margin-left: 160px;
    margin-top: 20px;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .menu{
        margin-bottom: 0px;
        margin-top: 0px;
    }
}
@media(max-width: 767px){
    .menu{margin-left: 0px}
}
.banner{ background-color: black}
.banner img
{
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.14);
    -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,.14);
    box-shadow: 0 8px 6px -6px rgba(0,0,0,.14);
}
@media(max-width: 767px){
    .banner img{
        display: none;
    }
}
.tab{
    background-color: #f7f6f5;
    width: 100%;
    margin-top: 20px;
    padding: 25px;
    z-index: 1;
}
.tab2{

    width: 100%;
    margin-top: 20px;
    padding: 25px;
    background-color: #f7f6f5;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.14);
    -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,.14);
    box-shadow: 0 0px 0px 0px rgba(0,0,0,.14);
}
.tab h1,.tab2 h1{font-size: 22px}

.line {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(60,60,60,.1);
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.i-code{font-size: 25px;}
.i-code3{}
.icon-mobile{padding-right: 2px}
.gegevens{padding-bottom: 5px}

.icon-flash {font-size: 25px}
.icon-info-circled, .icon-attention, .icon-user {font-size: 20px; padding-right: 5px}
.icon-location, .icon-mail, .icon-phone, .icon-buffer {font-size: 16px;}
.contact{padding-bottom: 15px}
.icon-buffer{padding-right: 16px}

#map-canvas {
    height: 400px;
    width: 100%;
    margin-top: 30px;
}
@media (max-width: 767px){
    #map-canvas{
        height: 200px;
    }
}
.tab p {padding-top: 10px; padding-bottom: 10px}

footer
{
    margin-top: 50px;
    height: 150px;
    clear: both;
    background-color: #124a77;
}
@media (max-width: 767px){
    footer{
        height: 200px;
    }
}
.push {
    height: 100px;
    clear: both;
}
.footer{margin-top: 20px; color: white}
.copyrights{margin-top: 20px; font-size: 8px}

@media (max-width: 767px){
    .ft{padding-bottom: 10px}
}