html, body{
    overflow-x: hidden;
}
html{
    min-height: 100vh;
}
body{
    font-family: Futura, Helvetica, Arial, sans-serif;
    background-image: url("../img/bg.jpg") ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size:1.1rem;
}

.logo{
    height:100%;
    width: 100%;
}
#menu{
    border-radius: 50%;
    width: 220px;
    height: 220px;
    color:white;
    text-align:center;
    font-size: 1rem;
    margin-bottom:-100px;
    z-index:999;
    position: relative;
}
@media (max-width: 575.98px) {
    #menu{
        margin-bottom:-50px;
    }
}
.menulink:hover{
    text-decoration: none ;
}
.info p{
    color:white;
}
.info{
    background: rgba(0,0,0,.6);
    padding:100px 0 40px 0;
}
h1{
    font-size:1.3rem;
    color:white;
}
.googlemaps{
    background:red;
}
.rood{
    background:#FB5058;
}
.mailto, .mailto:hover{
    color:white;
}