.header { 
    color: black;
    background-color: rgb(189, 209, 205);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.logo { 
float: right;
margin: 0 0em 0em 0;
vertical-align: top ; margin: -10px -35px;

}

.title { 
margin-left: 25px;

}

.navigatie { 
color: black;
background-color: rgb(189, 209, 205);
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
margin-left: 17px;
padding-right: 20px;

}

button { 
background-color: rgb(189, 209, 205);
color: black; 
padding: 10px;   
border-radius: 6px;  
margin-right: 10px;
margin-left: 10px;
border:none;
font-size: 16px;
}

button:hover {
transform: scale(1.1);
}

.main { 
    color: black;
    background-color: white;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    

}

.portfolio h2 { 
font-size: 30px;
color: black;
background-color: white;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
text-align: center;


}

.container {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 8%;
    
    
    
    }
    
    .gallery{ 
    margin: 10px 50px;
    
    }
    
    .gallery img{
      width: 350px; 
      padding: 5px;
    
    }
    
    .gallery img:hover{
    
        transform: scale(1.8);
    }
    
    
.footer  {
        color:black; 
        background-color:rgb(189, 209, 205); 
        font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif"
        
        
        }   
        
.contact img:hover {
        transform: scale(1.1);
        
        }


@media only screen and (max-width:600px) {        
    
.logo {
        display: none;
      }    

.gallery img { 
        align-items: center;
        width: 95%;

} 

.navigatie { 
    color: black;
    background-color: rgb(189, 209, 205);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin-left: 5px;
    padding-right: 20px;
    
    }
    
button { 
    background-color: rgb(189, 209, 205);
    color: black; 
    padding: 2px;   
    border-radius: 0px;  
    margin-right: 2px;
    margin-left: 2px;
    border:none;
    font-size: 16px;
    }

}