@media screen and (max-width: 1000px)
{
    .container
    {
        width: 800px;
    }   
    
    .mapframe 
    {
        width: 95%;
        padding-top:20px;
    }
    
    .map
    {
        width: 100%;
    }
    
}


@media screen and (max-width: 800px)
{
    .container
    {
        width: 100%;
    }
    

    
}

@media screen and (max-width: 600px)
{
    body
    {
        font-size: 14px;
    }
    .logo 
    {
        padding: 15px;
    }
    .logo  img
    {
        height: 100px;
    }
    .logo-right 
    {
        display: none;
    }
    
    .menu 
    {
        height: auto;
    }
    
    .menubuttons 
    {
        padding: 0px;
    }
    
    .menubuttons li
    {
        width: 100%;
        height: 40px;
    }
    
    .menubuttons li a
    {
        padding-left: 25px;
        padding-top: 12px;
        
    }
    
    .overview
    {
        padding: 20px;
    }
    
    .faq li 
    {
        font-size: 14px;
    }

    
    h1 
    {
        font-size: 1.5em;
    }
    h2
    {
        font-size: 1.2em;
    }
    
    
    
}