@media only screen and (max-width: 500px){ /* css voor kleinere schermen */
    /*pagina css*/
    * {
        margin: 0;
        padding: 0;
      }
    .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;
    }
    
    .titel-pagina, .inhoud-titel {
        margin-top: 5px;
        text-align: center;
    }
    .inhoud-titel{
        font-size: 40px;
    }
    .lijn-spacer{
        margin-top:  30px;
        border:  1px solid rgb(239, 239, 239, 0.4) ;
        width: 63%;
        margin: auto;
    }
    #top-button{
        text-align: center;
    }
    /*index pagina*/
    .home-intro{
        height: 150px;
        padding-top: 50px;
        text-align: center;
        margin: auto;
    }
    .index-text{
        font-size: 18px;
        padding-bottom: 30px;

    }
    .links-pagina{
        text-align: center;
        border: 1px solid rgb(128, 128, 128);
        background-color:rgb(0, 0, 0, 0.3);
    }  
    /**/
    /*cv 500px*/
    .introductie-tekst{
        font-size: 15px;
    }
    table{
        font-size: 15px;
        width: fit-content;
    }
    .photo{
        padding: 25px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        transition: transform .4s;
    }
    .photo:hover{
        transform:scale(1.5);

    }
    .button{
        margin: 25px auto 25px auto;
        background-color:rgba(128, 128, 128, 0.2);
        border: 1px solid grey;
        margin-bottom: 25px;     
    }
    .links-vaardigheid{
        width: 100%;
    }
    .vaardigheid-links{
        margin-top: 10px;
        margin: auto;
        float: none;
        font-size: 15px;
        text-align: center;
        width: fit-content;
    }
    .rechts-vaardigheid{
        width: 100%;
    }
    .vaardigheid-rechts{
        margin-top: 10px;
        margin: auto;
        font-size: 15px;
        text-align: center;
        width: fit-content;

    }
    .star{ 
        width: fit-content;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 15px;
        margin-top: 5px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-top: 6px;
    }  
    .star-rechts{
        width: fit-content;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 15px;
        margin-top: 5px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-top: 6px;
    }
    .star, .star-rechts{
        padding-top: 2px;
        font-size: 15px;
    }
    tbody{
       margin: auto;
    }   
    .eigenschappen-rechts{
        padding: 5px;
        text-align: left;
        width: 50%;
    }
    .eigenschappen-links{
        padding: 5px;
        text-align: right;
        width: 50%;
    }
    .hobby{
        text-align: center;
        font-size: 15px;
        margin: auto;
        width: fit-content;
    }
  
    .studies-tabel{
        font-size: 15px;
        padding-top: 7.5px;
        padding-bottom: 7.5px;
        margin: auto;
        width: fit-content;     
        text-align: center;

    }
    .studies-tabel-jaar{
        margin-bottom: 15px;
        margin-top: 5px; 
        font-size: 15px;
        width: fit-content;
        text-align: center;
        margin-left: auto;
        margin-right: auto;   
    }
    .lijn{
        border-top:  1px solid rgb(173, 255, 47,0.4) ;
        width: 60%;
        margin: auto;
    }
    .werk-tabel{
        padding-top: 7.5px;
        padding-bottom: 7.5px;
        font-size: 15px;
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
        text-align: center;  
    }
    .werk-tabel-jaar{
        padding-top: 7.5px;
        padding-bottom: 7.5px;
        font-size: 15px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
        
    }
    .linkedin-site, .form-control{
        text-align: center
    }
    /*bio*/
    .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;
    }
    #AD-domain{
        height: 160px;
    }
    .photo-project:hover{
        transform:scale(1.5);
        margin-left: 80px;
    }
    .tekst-project{
        font-size: 15px;
        padding-left: 15px;
    }
    .introductie-project{
        margin-top: 100px;
        font-size: 15px;  
    }
    .spacer-1 {
        height: 25px;
    } 
    /*contact*/

    
}