@media only screen and (min-width: 501px) and (max-width: 990px){ /* css voor kleinere schermen */
    .body{
        color: rgb(255, 255, 255, 0.7);  
        font-family: 'Roboto', 'Segoe UI', Tahoma, sans-serif;
        margin: auto;
        background-image: url(images/Background.jpg);
        background-attachment: fixed;
        background-size: cover;
        border: none;
    }
    .links-pagina{
        text-align: center;
        border: 1px solid rgb(128, 128, 128);
        background-color:rgb(0, 0, 0, 0.3);
    }
    .navbar-toggler {
        float: none;
    }
    .titel-pagina, .inhoud-titel {
        margin-top: 5px;
        margin: auto;
        text-align: center;
        max-width: auto;

    }/*
    .section-1-container{
        border: 1px solid rgb(229, 255, 0)
        ;}*/
     
    .inhoud-titel{
        font-size: 40px;
    }
    .introductie-tekst{
        font-size: 15px;
    }
    table{
        font-size: 15px;
        width: 100%;
        text-align: center;
    }
    .photo{
        padding: 25px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .td-omschrijving, .td-space, .td-tekst {
        font-size: 20px;
    }
    .button{
        margin: 25px auto 25px auto;
        background-color:rgba(128, 128, 128, 0.2);
        border: 1px solid grey;
        margin-bottom: 25px;     
    }
    .linkedin-site{
        text-align: center
    }
    .vaardigheid-rechts{
        margin-top: 10px;
        margin: auto;
        font-size: 20px;
        text-align: center;
        width: max-content; 

    }
    .vaardigheid-links{
        margin-top: 10px;
        margin: auto;
        float: none;
        font-size: 20px;
        text-align: center;
        width: max-content; 
    }
    .links-vaardigheid{
        width: 100%;
    }
    .rechts-vaardigheid{
        width: 100%;
    }
    .star{ 
        width: max-content;
        border-top:  1px solid rgb(173, 255, 47,0.4) ;
        margin-bottom: 15px;
        margin-top: 5px;
        size: inherit;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-top: 6px;
    }
    
    .star-rechts{
        width: max-content;
        border-top:  1px solid rgb(173, 255, 47,0.4) ;
        margin-bottom: 15px;
        margin-top: 5px;
        size: inherit;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-top: 6px;
    }
    .star, .vak, .star-rechts{
        padding-top: 2px;
        font-size: 18px;
    }
    .div-tabel{ 
        margin: auto;
        width: 80%;
    }
    .eigenschappen{
        font-size: 18px;
        padding: 5px;
        text-align: left;
        width: 40%;
    }
    .eigenschappen-links{
        font-size: 18px;
        padding: 5px;
        text-align: right;
        width: 40%;
    }
    .hobby{
        font-size: 18px;
        margin: auto;
        width: max-content;
    }
    .studies{
    
        text-align: center;
        margin: 20px auto 20px auto;
        font-size: 15px;
        
    }
    .studies-tabel{/*donut1*/
        font-size: 18px;
        padding-top: 7.5px;;
        margin: auto;
        width: max-content;
        border-bottom:  1px solid rgba(173, 255, 47,0.4)  ;
        text-align: center;
        
        
    }
    .studies-tabel-jaar{/*donut1*/
        margin-bottom: 15px;
        margin-top: 5px;
        width: max-content;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-top: 6px;
        
        
    }
    .werk-tabel{
        padding-top: 15px;
        font-size: 18px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 15px;
        width: max-content;
        text-align: center;
        
        
    }
    .werk-tabel-jaar{
        font-size: 18px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-top: 6px;
        width: max-content;
        border-top:  1px solid rgb(173, 255, 47,0.4) ;
        
    }
    .home-intro{
        height: 250px;
        vertical-align: auto;
        padding-top: 110px;
        text-align: center;
        margin: auto;
    }
    .lll{
        text-align: center;
        font-size: 18px;
        padding-bottom: 30px;

    }.bio{
        font-size: 18px;
        padding-bottom: 30px;
    }
    .bio-main{
        margin-top: 10%;
        margin-bottom: 5%;
    }
    /* Project pagina*/
    .photo-project{ 
        margin: 5% auto 10% auto;
        width: max-content;
        transition: transform .4s;
        max-width: -webkit-fill-available;
    }
    .photo-project:hover{
        -webkit-transform:scale(1.5); 
        transform:scale(1.5);

    }
    .tekst-project{
        font-size: 15px;
     
    }
    .introductie-project{
        margin-top: 100px;
        font-size: 15px;
   
    }
    .spacer-1 {

        height: 25px;
    }
}