/*begin template vopor de pagina*/

.lijn-spacer{
    margin-top:  30px;
    border:  1px solid rgb(239, 239, 239, 0.4) ;
    width: 63%;
}

.div-to-align-contact{
    width: max-content;
    margin: auto;
    padding: 5px;
    
}
.contact-link{
    padding-bottom: 30px;
    text-align: center;
}
/*einde template voor de pagina*/
/*css voor heel de pagina alle formaten*/
/*navigatie */
.nav-link:link, .nav-link:visited{ 
    font-size: 15px;
    text-decoration: none;
    color: white;
}
.nav-link:hover, .nav-link:active{
    font-size: 15px;
    text-decoration: underline;
    color: white;
}
.nav-link {
    margin: auto;
    width: max-content;
    padding-bottom: 50px;
    
}
.menu-tekst{
    font-size: 20px;
    padding: 5px;
    color: white;
}
/* */
/*onderverdeling pagina*/
.lijn-spacer{
    border-top:  1px solid rgb(239, 239, 239, 0.4) ;
    width: 63%;
}
.linkedin-site, .titel-cv{
    text-align: center;
    padding: 15px;
}
/* einde css contact pagina*/
/*CV pagina*/
.td-omschrijving{
    width: 25%;
    text-align: right;
}
.td-space{
    width: 1%;
    padding: 5px;
}
.td-tekst, tr {
    width: 25%;
    text-align: left;
}
/**/
.div-table{
    margin: auto;
}
#contactForm{
    margin: auto;
}
.col-sm-8{
    margin: auto;
}

.help-block, .help-block.with-errors{
    height: 15px;
}

.submit{
    text-align: center;

}

/*cv*/
.main-cv, .introductie-tekst{
    text-align: left;
    font-size: 20px;
    margin-top: 40px;
}
/*cv icons*/
.checked {
    color: rgb(86, 64, 196,1);
  }
.uncheced{
    color: rgb(255, 255, 255,0.1);
}
/*contact*/
.clearfix{
    margin-bottom: 25px;
}
.contact-linkedin{
    
    font-size: 15px;
}
.margin-contact-form, .form-control{
    text-align: center;
}
/*top button*/
.top-button-1200px{
    text-align: center;
    margin-bottom: 50px;
}
#top-button{
    float: right;
    margin-right: 17.5%;
    width: 60px;
    font-size: 15px;
    border: 1px solid rgb(86, 64, 196);
    background-color: transparent;
    padding: 5px;
    margin-bottom: 5%;  
}
.top-button-txt, .top-button-txt:hover ,.top-button-txt:active {
    color: white;
    text-decoration: none;
}

/**/

@media only screen and (min-width: 1200px){  /* css voor full screen */
    /*pagina css*/
    .body{
        color: rgb(255, 255, 255, 0.7);  
        font-family: 'Roboto', 'Segoe UI', Tahoma, sans-serif;
        margin: auto;
        width: 90%;
        background-image: url(images/Background.jpg);
        background-attachment: fixed;
        background-size: cover;
        border: none;
    }
    .titel-pagina{
        margin-top: 5px;
        
    }
    .inhoud-titel{
        width: max-content;
        font-size: 40px;
        text-align: left;
        margin: 5px auto 5px 0;  
    }
    /*index*/   
    .home-intro{
        height: 250px;

        padding-top: 110px;
        text-align: center;
        margin: auto;
    }
    .index-text{
        text-align: center;
        font-size: 18px;

    }
    .links-pagina{
        margin-top: 5px;
    }
    .button{
        border: none;
    }
    .top-button-index{
        display: none;
    }
    .top-1200px-index{
        visibility: hidden;
    }
    /**/
    /*cv 1200px*/
    .intro{
        font-size: 15px;
        width: 100%;
        text-align: left;
        font-size: 25px;
    }
    .tekst-cv{
        width: 50%; 
        float:right; 
        margin-right: 5%;
    
    }
    .photo{
        height: 322px;
        padding: 25px;
        transition: transform .4s;
        margin-left: 15%;
        float: left;
    }
    .photo:hover{
        transform:scale(2);

    }
    .links-vaardigheid{
        margin: 10px;
        float: left;
        width: 48%;

    }
    .vaardigheid-links{
        width: 45%;
        float: left;
        font-size: 18px;
        text-align: left;
      
    }
    .rechts-vaardigheid{    
        margin: 10px;
        width: 48%;
        float: right;  

    }
    .vaardigheid-rechts{
       
        float: left;
        font-size: 18px;
        text-align: left;
        width: 45%;
    }
    .star{ 
        float: right;
        width: 55%;
        
    }
    .star-rechts{
        float: right;
        width: 55%;
    }
    .star, .star-rechts{
        padding-top: 2px;
        font-size: 18px;
    }
    .lijn{
        display: none;
    }
    .eigenschappen-rechts{
        font-size: 20px;    
        width: 39%;
        text-align: left;
    }
    .eigenschappen-links{
        
        font-size: 18px;
        padding: 5px;
        text-align: right;
        width: 39%;
    }
    .hobby{
        font-size: 18px;
        margin: auto;
        width: max-content;
    }
    .studies-tabel{
        font-size: 18px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 15px;
        width: max-content;
        border-bottom:  1px solid rgb(173, 255, 47,0.4) ;
        text-align: center;   
    }
    .studies-tabel-jaar{
        font-size: 18px;
        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: 60%;
        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) ;
    }
    /**/
    .bio{
        font-size: 18px;
        padding-bottom: 30px;
    }
    .bio-main{
        margin-top: 10%;
        margin-bottom: 5%;
    }
    /* Project pagina*/
    .photo-project{ 
        width: fit-content;
        margin: auto; 
        transition: transform .4s;
    }
    .photo-project:hover{
        transform:scale(1.5);
    }
    .project{
        margin: 5% 0% 10% 5%;
        width: 445px;
        float: left;
    }
    .tekst-project{
        font-size: 18px;
        width: 48%;
        margin: 5.5% auto 10% auto;
        float: right;
    }
    .introductie-project{
        margin-left: 25%;
        margin-top: 100px;
        font-size: 18px;
    }
    .spacer-home{
        display: none;
        height: 25px;
    }
    .form-group-l {
        margin-left: 16.7%;
    }
    
}