@charset "UTF-8";
/* CSS Document */
/*=======================================================FONT SIZES AND STYLES=======================================================*/
h1{
	font-size: 4rem;
	color: #273533;
	font-family:"Brush Script MT" , italic;
}

h2{
	font-size: 3rem;
	font-family:"Brush Script MT" , italic;
}

h3{
	font-size: 2rem;
	font-family:"Brush Script MT" , italic;
}

h4{
	
}

h5{
	
}

h6{
	
}

p{
	font-size: 1rem;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}

a{
	font-size: 1rem;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	text-decoration: none;
}

li{
	font-size: 1rem;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";	
}
/*=======================================================HEADER CSS DESKTOP SCREENS=======================================================*/
#siteHeader{
	background-color: #FFFFFF;
	color: #273533;
}

#siteHeader .container{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: 100px 40px;
}

#siteHeader .cardLogo:nth-child(1){
	grid-row: 1 / span 1;
	grid-column: 1 / span 4;
}

#siteHeader .cardNavigatie:nth-child(2){
	font-size: 11px;
	grid-row: 2/ span 1;
	grid-column: 9 / span 4;
	
}

.cardNavigatie:nth-child(2) a{
	color: #273533;	
}

#siteHeader img{
	width: 25%;
	height: auto;
	padding-left: 20px;
	padding-top: 10px;
}

#siteHeader a{
	text-decoration: none;
	padding-right: 20px;
}

/*=======================================================SITE FOOTER CSS DESKTOP SCREEN=====================================================*/
#siteFooter{
	background-color: #273533;
	color: #B7C3C1;
	padding-top: 40px;
	margin-top: 40px;
}

#siteFooter .container:nth-child(1){
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(5, 1fr);
}

#siteFooter .cardContact:nth-child(1){
	grid-row: 2 / span 1;
	grid-column: 3 / span 3;
}

#siteFooter .cardMailContact:nth-child(2){
	grid-row: 3 / span 2;
	grid-column: 3 / span 3;
}


#siteFooter .cardSocials:nth-child(3){
	grid-row: 2 / span 1;
	grid-column: 9 / span 3;
}

#siteFooter .cardSocialsLijst:nth-child(4){
	grid-row: 3 / span 2;
	grid-column: 9 / span 3;
	
}

#siteFooter a{
	color: #B7C3C1;
}

/*=======================================================HOME HERO IMAGE CSS DESKTOP SCREEN============================================*/
#homeHeroImage{
	display: inline-block;
}

#homeHeroImage .container{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}

#homeHeroImage .cardHeroHomeI:nth-child(1){
	grid-column: 1 / span 4;
}

#homeHeroImage .cardHeroHomeII:nth-child(2){
	grid-column: 5 / span 4;
}

#homeHeroImage .cardHeroHomeIII:nth-child(3){
	grid-column: 9 / span 4;
}
#homeHeroImage img{
	width:100%;
	height: auto;
	
}

/*=======================================================HOME VOORSTELLEN/CV CSS DESKTOP SCREEN=============================================*/
#homeCv{
	background-color: #B7C3C1;
	padding: 20px;
	border: 10px;
	margin-left: 50px;
	margin-right: 40px;
	margin-top: 50px;
	/*Afgeronde hoeken CSS*/
	border-radius: 50px;
	/*Schaduw box*/
	box-shadow: 5px 5px 5px #777777;
}

#homeCv .container{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(5, 1fr);
	background-color: #B7C3C1;
	
}

#homeCv img{
	width: 100%;
	height: auto;	
}

#homeCv .cardHomeProfiel:nth-child(1){
	grid-column: 2/ span 4;
	grid-row: 1/ span 5;
}
	
#homeCv .cardNaamHome:nth-child(2){
		grid-row: 2 / span 1;
		grid-column: 6 / span 4;
		font-family: "Brush Script";
		border-top: 20px;
	}	

#homeCv .cardHomeIntro:nth-child(3){
	grid-row: 3 / span 1;
	grid-column: 6 / span 4;
	
}
#homeCv .cardHomeCvButton:nth-child(4){
	grid-row: 4 / span 1;
	grid-column: 9 / span 1;
}

#homeCv a{
	background-color: #273533;
	color: #B7C3C1;
	padding-top: 20px;
	padding-left: 17px;
	border-radius: 15px;
	
}

/*==================================================HOMEPAGE TEGELKEUZE CSS DESKTOP SCREEN================================================*/

#tegelHan{

}

#tegelHan .container{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(5, 1fr);
	background-color: #B7C3C1;	
	padding: 20px;
	border: 10px;
	margin-left: 650px;
	margin-right: 40px;
	margin-top: 50px;
	/*Afgeronde hoeken CSS*/
	border-radius: 50px;
	/*Schaduw box*/
	box-shadow: 5px 5px 5px #777777;	
}

#tegelHan .cardHan img{
	width: 60%;
	height: auto;	
}

#tegelHan .cardHan:nth-child(1){
	grid-column: 7/ span 6;
	grid-row: 1/ span 5;
}
	
#tegelHan .cardHan:nth-child(2){
		grid-row: 2 / span 1;
		grid-column: 3 / span 4;
		border-top: 20px;
		font-size: 3rem;
		font-family:"Brush Script MT" , italic;
	}	

#tegelHan .cardHan:nth-child(3){
	grid-row: 3 / span 1;
	grid-column: 2 / span 4;
	
}
#tegelHan .cardHan:nth-child(4){
	grid-row: 4 / span 1;
	grid-column: 2 / span 4;
}

#tegelHan a{
	background-color: #273533;
	color: #B7C3C1;
	padding-top: 20px;
	padding-left: 80px;
	border-radius: 15px;
	
}
	


/*=================================================HOMEPAGE PORTFOLIO KEUZE CSS DESKTOP SCREEN==========================================*/

#tegelPortfolio{

}

#tegelPortfolio .container{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(5, 1fr);
	background-color: #B7C3C1;	
	padding: 20px;
	border: 10px;
	margin-right: 650px;
	margin-left: 40px;
	margin-top: 50px;
	/*Afgeronde hoeken CSS*/
	border-radius: 50px;
	/*Schaduw box*/
	box-shadow: 5px 5px 5px #777777;	
}

#tegelPortfolio .cardPortfolio img{
	width: 75%;
	height: auto;	
}

#tegelPortfolio .cardPortfolio:nth-child(1){
	grid-column: 2/ span 6;
	grid-row: 1/ span 5;
}
	
#tegelPortfolio .cardPortfolio:nth-child(2){
		grid-row: 2 / span 1;
		grid-column: 8 / span 4;
		border-top: 20px;
		font-size: 3rem;
		font-family:"Brush Script MT" , italic;
	}	

#tegelPortfolio .cardPortfolio:nth-child(3){
	grid-row: 3 / span 1;
	grid-column: 7 / span 4;
	padding-bottom: 10px;
	
}
#tegelPortfolio .cardPortfolio:nth-child(4){
	grid-row: 4 / span 1;
	grid-column: 7 / span 4;
}

#tegelPortfolio a{
	background-color: #273533;
	color: #B7C3C1;
	padding-top: 15px;
	padding-left: 65px;
	border-radius: 15px;
	
}


/*=======================================================CSS CV PAGINA DESKTOP SCREEN=======================================================*/

/*=======================================================Cv Hero Image CSS DESKTOP SCREEN=================================================*/
#heroImageCv{
	display: inline-block;
}

#heroImageCv .container{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}

#heroImageCv .cardHeroCVI:nth-child(1){
	grid-column: 1 / span 4;
}

#heroImageCv .cardHeroCVII:nth-child(2){
	grid-column: 5 / span 4;
}

#heroImageCv .cardHeroCVIII:nth-child(3){
	grid-column: 9 / span 4;
}
#heroImageCv img{
	width:100%;
	height: auto;
	
}

/*=======================================================Inleiding CV CSS DESKTOP SCREEN===================================================*/

#inleidingCv{
	background-color:  #B7C3C1;
	color: #273533;
	padding-top: 20px;
	margin-top: 50px;
	margin-left: 50px;
	margin-right: 50px;
	/*Afgeronde hoeken CSS*/
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	/*Schaduw box*/
	box-shadow: 5px 5px 5px #777777;
}

#inleidingCv .container{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-templat-rows: repeat (5, 1fr);
}

#inleidingCv img{
	width: 70%;
	height: auto;
	/*Afgeronde hoeken CSS*/
	border-radius: 20px;
}

#inleidingCv .cardProfielfoto:nth-child(1){
	grid-row: 1 / span 5;
	grid-column: 2 / span 4;
}

#inleidingCv .cardNaam:nth-child(2){
	grid-row: 2 / span 1;
	grid-column: 6 / span 4;
}

#inleidingCv .cardIntroCV:nth-child(3){
	grid-row: 3 / span 2;
	grid-column: 6 / span 4;
}

/*========================================================CV DESKTOP SCREEN=================================================================*/
#cv{
	background-color: #B7C3C1;
	color: #273533;
	margin-bottom: 50px;
	margin-left: 50px;
	margin-right: 50px;
	padding-bottom: 20px;
	padding-top: 20px;
	/*Afgeronde hoeken CSS*/
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	/*Schaduw box*/
	box-shadow: 5px 5px 5px #777777;
}

#cv .container{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat (14, 1fr);
	
}

/*-----------------------------------------------contact DESKTOP SCREEN-------------------------------------------------------------------*/
#cv .cardNaam2:nth-child(1){
	grid-row: 1 / span 1;
	grid-column: 3 / span 3;
	padding-bottom: 15px;
}

#cv .cardGeboorteDatum:nth-child(2){
	grid-row: 2 / span 1;
	grid-column: 3 / span 3;
}

#cv .cardMailCV:nth-child(3){
	grid-row: 3 / span 1;
	grid-column: 3 / span 3;
}

#cv .cardTelefoon:nth-child(4){
	grid-row: 4 / span 1;
	grid-column: 3 / span 3;
	padding-bottom: 20px;
}

/*------------------------------------------------------opleidingen DESKTOP SCREEN-------------------------------------------------------*/
#cv .cardScholing:nth-child(5){
	grid-row: 5 / span 1;
	grid-column: 3 / span 3;
}

#cv .cardScholingLijst:nth-child(6){
	grid-row: 6 / span 1;
	grid-column: 3 / span 3;
}

/*-----------------------------------------------------------eigenschappen DESKTOP SCREEN-------------------------------------------------*/
#cv .cardEigenschappen:nth-child(7){
	grid-row: 7 / span 1;
	grid-column: 3 / span 3; 
}

#cv .cardEigenschappenLijst:nth-child(8){
	grid-row: 8 / span 1;
	grid-column: 3 / span 3;
}

/*----------------------------------------------------------------werkervaring DESKTOP SCREEN----------------------------------------------*/
#cv .cardWerk:nth-child(9){
	grid-row: 5 / span 1;
	grid-column: 7 / span 3;
}

#cv .cardWerkLijst:nth-child(10){
	grid-row: 6 / span 1;
	grid-column: 7 / span 3;
	padding-bottom: 15px;
}

#cv .cardWerkLijst:nth-child(10) li{
	font-style: italic;
	padding-left: 10px;
	font-size: 12;
}

/*------------------------------------------------------------interesses DESKTOP SCREEN----------------------------------------------------*/
#cv .cardInteresses:nth-child(11){
	grid-row: 7 / span 1;
	grid-column: 7 / span 3;
	
}

#cv .cardInteressesLijst:nth-child(12){
	grid-row: 8 / span 1;
	grid-column: 7 / span 3;
	
}

/*-------------------------------------------------------------skills DESKTOP SCREEN------------------------------------------------------*/
#cv .cardSkills:nth-child(13){
	grid-row: 10 / span 1;
	grid-column: 3 / span 3;
	padding-top: 15px;
}

#cv .cardSkillsLijst:nth-child(14){
	grid-row: 11 / span 1;
	grid-column: 3 / span 3;
	padding-bottom: 15px;
}

/*---------------------------------------------------------------talen DESKTOP SCREEN------------------------------------------------------*/
#cv .cardTalen:nth-child(15){
	grid-row: 10 / span 1;
	grid-column: 7 / span 3;
	padding-top: 15px;
}

#cv .cardTalenLijst:nth-child(16){
	grid-row: 11 / span 1;
	grid-column: 7 / span 3;
	padding-bottom: 15px;
}
/*----------------------------------------------------------werkvisie DESKTOP SCREEN--------------------------------------------------------*/
#cv .cardWerkvisie:nth-child(17){
	grid-row: 12 / span 1;
	grid-column: 3 / span 3;
}

#cv .cardWerkvisie:nth-child(18){
	grid-row: 13 / span 1;
	grid-column: 3 / span 3;
}

/*download*/
#cv .cardCvDownload:nth-child(19){
	grid-row: 14 / span 1;
	grid-column: 7 / span 2;
}

/*------------------------------------------------a download button DESKTOP SCREEN----------------------------------------------------------*/
#cv a{
	background-color: #273533;
	color: #B7C3C1;
	padding: 10px;
	padding-left: 25px;
	border: 10px; 
	border-radius: 5px;
}


/*===========================================================CONTACT PAGINA CSS DESKTOP SCREEN==============================================*/
/*=======================================================Contact Hero Image CSS DESKTOP SCREEN==============================================*/
#contactHeroImage{
	display: inline-block;
}

#contactHeroImage .container{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}

#contactHeroImage .cardHeroHomeI:nth-child(1){
	grid-column: 1 / span 4;
}

#contactHeroImage .cardHeroHomeII:nth-child(2){
	grid-column: 5 / span 4;
}

#contactHeroImage .cardHeroHomeIII:nth-child(3){
	grid-column: 9 / span 4;
}
#contactHeroImage img{
	width:100%;
	height: auto;
	
}


/*====================================================CSS VOOR CONTACTFORMULIER DESKTOP SCREEN=============================================*/
form{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: #273533;
	display: grid;
	width: 100%; 
	grid-auto-columns: repeat (12, 1fr);
	grid-auto-rows: repeat (5, 1fr)
}


fieldset{
	background-color: #B7C3C1;
	grid-column: 3 / span 5;
}

legend{
	
    margin-top: 10px;	
	font-family:"Brush Script MT";
	font-size: 30px;
	color: #273533;
	
}

label {
   display: block;
    margin-top: 10px;
}


/*=======================================================SMALL SCREEN CSS -=================================================================*/
@media screen and (max-width: 575px){
/*=======================================================Header CSS SMALL SCREEN=======================================================*/
#siteHeader{
	background-color: #FFFFFF;
	color: #273533;
}

#siteHeader .container{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 100px 40px;
}

#siteHeader .card:nth-child(1){
	grid-row: 1 / span 1;
	grid-column: 2 / span 3;
	padding-bottom: 30px;
	padding-left: 50px;
	
}

#siteHeader .card:nth-child(2){
	padding-top: 20px;
	font-size: 11px;
	grid-row: 2;
	grid-column: 2 / span 2;
	border: 10px;
	padding-left: 30px;
}

.card:nth-child(2) a{
	color: #273533;	
}

#siteHeader img{
	width: 50%;
	height: auto;
}

/*=======================================================Site Footer CSS SMALL SCREEN=======================================================*/
#siteFooter{
	background-color: #273533;
	color: #B7C3C1;
	padding-top: 40px;
	margin-top: 40px;
}

#siteFooter .container:nth-child(1){
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(5, 1fr);
}

#siteFooter .card:nth-child(1){
	grid-row: 2 / span 1;
	grid-column: 2 / span 1;
	padding-right: 20px;
}

#siteFooter .card:nth-child(2){
	grid-row: 3 / span 2;
	grid-column: 2 / span 1;
	padding-right: 20px;
}


#siteFooter .card:nth-child(3){
	grid-row: 2 / span 1;
	grid-column: 3 / span 1;
	padding-left: 20px;
}

#siteFooter .card:nth-child(4){
	grid-row: 3 / span 2;
	grid-column: 3 / span 1;
	padding-left: 20px;
}

#siteFooter a{
	color: #B7C3C1;
}

/*==================================================Home Voorstellen/CV CSS SMALL SCREEN===============================================*/
#homeCv{
	border: 10px;
	margin-left: 50px;
	margin-right: 40px;
	margin-top: 50px;	
}

#homeCv .container{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, 1fr);
	background-color: #B7C3C1;
	
}

#homeCv img{
	width: 60%;
	height: auto;
}

#homeCv .card:nth-child(1){
	grid-column: 1/ span 4;
	grid-row: 1/ span 2;
}
	
#homeCv .card:nth-child(2){
		grid-row: 1 / span 1;
		grid-column: 3 / span 3;
		font-family: "Brush Script";
		padding-top: 30px;
		padding-left: 10px;
	}	

#homeCv .card:nth-child(3){
	grid-row: 3 / span 1;
	grid-column: 2 / span 3;
	
}
#homeCv .card:nth-child(4){
	grid-row: 4/ span 1;
	grid-column: 2 / span 2;
}

#homeCv a{

	padding-bottom: 15px;
	padding-left: 65px;
	border-radius: 50px;
	
}

/*================================================Homepage HAN keuze CSS SMALL SCREENS==============================================*/
#homeHan{
	padding: 20px;
	border: 10px;
	margin-left: 50px;
	margin-right: 40px;
	margin-top: 50px;	
}

#homeHan .container{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(5, 1fr);
}


#homeHan img{
	width: 50%;
	height: auto;
}

#homeHan .card:nth-child(1){
	grid-row: 1 / span 5;
	grid-column: 1/ span 2;
	padding-right: 20px;
	padding-top: 20px;
}

#homeHan .card:nth-child(2){
	grid-row: 2 / span 1;
	grid-column: 2 / span 4;
}

#homeHan .card:nth-child(3){
	grid-row: 3 / span 1;
	grid-column: 2 / span 4;
}

#homeHan .card:nth-child(4){
	grid-row: 4 / span 1;
	grid-column: 2 / span 2;
}

#homeHan a{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 60px;
	border-radius: 80px;	
}
	
/*============================================Homepage Portfolio keuze CSS SMALL SCREENS===========================================*/
#homePortfolio{
	padding: 20px;
	border: 10px;
	margin-left: 50px;
	margin-right: 40px;
	margin-top: 50px;
	
}

#homePortfolio .container{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, 1fr);
	
}


#homePortfolio img{
	width: 60%;
	height: auto;
}

#homePortfolio .card:nth-child(1){
	grid-row: 1 / span 5;
	grid-column: 1 / span 2;
	
}

#homePortfolio .card:nth-child(2){
	grid-row: 1 / span 1;
	grid-column: 2 / span 4;
	padding-top: 10px;
}


#homePortfolio .card:nth-child(3){
	grid-row: 2 / span 1;
	grid-column: 2 / span 4;
	padding-bottom: 15px; 
}

#homePortfolio .card:nth-child(4){
	grid-row: 3 / span 1;
	grid-column: 2 / span 2;
}

#homePortfolio a{
	padding-bottom: 15px;
	padding-left: 70px;
	border-radius: 80px;	
}
	
	
/*=======================================================CSS CV PAGINA SMALL SCREENS========================================================*/

/*===================================================Cv Hero Image CSS SMALL SCREENS==================================================*/
#heroImageCv{
	display: inline-block;
}

#heroImageCv .container{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}

#heroImageCv .card:nth-child(1){
	grid-column: 1 / span 4;
}

#heroImageCv .card:nth-child(2){
	grid-column: 5 / span 4;
}

#heroImageCv .card:nth-child(3){
	grid-column: 9 / span 4;
}
#heroImageCv img{
	width:100%;
	height: auto;
	
}

/*=======================================================Inleiding CV CSS SMALL SCREENS============================================*/

#inleidingCv{
	padding-top: 20px;
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 20px;
}

#inleidingCv .container{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-templat-rows: repeat (5, 1fr);
}

#inleidingCv img{
	width: 70%;
	height: auto;
}

#inleidingCv .card:nth-child(1){
	grid-row: 1 / span 3;
	grid-column: 1 / span 2;
	padding-left: 15px;
}

#inleidingCv .card:nth-child(2){
	grid-row: 3 / span 1;
	grid-column: 3 / span 2;
}

#inleidingCv .card:nth-child(3){
	grid-row: 4 / span 2;
	grid-column: 1 / span 4;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}

/*-=======================================================CV SMALL SCREENS=============================================================*/
#cv{
	padding-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

#cv .container{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-templat-rows: repeat (14, 1fr);
	
}

/*--------------------------------------------------------------contact SMALL SCREENS-----------------------------------------------------*/
#cv .card:nth-child(1){
	grid-row: 1 / span 1;
	grid-column: 2 / span 3;
	padding-left: 80px;
	padding-bottom: 5px;


}

#cv .card:nth-child(2){
	grid-row: 2 / span 1;
		grid-column: 2 / span 3;
	padding-left: 80px;
}

#cv .card:nth-child(3){
	grid-row: 3 / span 1;
	grid-column: 2 / span 3;
	padding-left: 80px;
}

#cv .card:nth-child(4){
	grid-row: 4 / span 1;
	grid-column: 2 / span 3;
	padding-left: 80px;
	padding-bottom: 20px;

}

/*------------------------------------------------------opleidingen SMALL SCREENS-------------------------------------------------------*/
#cv .card:nth-child(5){
	grid-row: 5 / span 1;
	grid-column: 2 / span 2;
	padding-left: 100px;
	
}

#cv .card:nth-child(6){
	grid-row: 6 / span 1;
	grid-column: 1 / span 8;
	padding-bottom: 15px;
	padding-left: 50px;
	padding-right: 50px;
}

/*------------------------------------------------------eigenschappen SMALL SCREENS----------------------------------------------------*/
#cv .card:nth-child(7){
	grid-row: 9 / span 1;
	grid-column: 2 / span 2; 
}

#cv .card:nth-child(8){
	grid-row: 10 / span 1;
	grid-column: 2 / span 2;
}

/*--------------------------------------------------------werkervaring SMALL SCREENS----------------------------------------------------*/
#cv .card:nth-child(9){
	grid-row: 7 / span 1;
	grid-column: 2 / span 2;
	padding-left: 100px;
	padding-top: 30px;
}

#cv .card:nth-child(10){
	grid-row: 8 / span 1;
	grid-column: 1 / span 8;
	padding-bottom: 15px;
	padding-left: 50px;
	padding-right: 50px;
}

#cv .card:nth-child(10) p{
	font-style: italic;
	padding-left: 10px;
	font-size: 12;
}

/*-------------------------------------------------------interesses SMALL SCREENS-----------------------------------------------------*/
#cv .card:nth-child(11){
	grid-row: 9 / span 1;
	grid-column: 4 / span 3;
	
}

#cv .card:nth-child(12){
	grid-row: 10 / span 1;
	grid-column: 4 / span 3;
	
}

/*-------------------------------------------------------skills SMALL SCREENS----------------------------------------------------------*/
#cv .card:nth-child(13){
	grid-row: 11 / span 1;
	grid-column: 2 / span 2;
	padding-top: 15px;
}

#cv .card:nth-child(14){
	grid-row: 12 / span 1;
	grid-column: 2 / span 2;
	padding-bottom: 15px;
}

/*-----------------------------------------------------talen SMALL SCREENS------------------------------------------------------------*/
#cv .card:nth-child(15){
	grid-row: 11 / span 1;
	grid-column: 4 / span 3;
	padding-top: 15px;
	
}

#cv .card:nth-child(16){
	grid-row: 12 / span 1;
	grid-column: 4 / span 3;
	padding-bottom: 15px;
}
/*-----------------------------------------------------werkvisie SMALL SCREENS--------------------------------------------------------*/
#cv .card:nth-child(17){
	grid-row: 13 / span 1;
	grid-column: 2 / span 3;
	padding-left: 100px;
}

#cv .card:nth-child(18){
	grid-row: 14 / span 1;
	grid-column: 1 / span 5;
	padding-bottom: 30px;
	padding-left: 50px;
	padding-right: 50px;
}

/*-------------------------------------------------------download SMALL SCREENS---------------------------------------------------------*/
#cv .card:nth-child(19){
	grid-row: 15 / span 1;
	grid-column: 2 / span 3;
	padding-left: 80px;
}

/*--------------------------------------------------------- a download button SMALL SCREENS-------------------------------------------------*/
#cv a{
	background-color: #273533;
	color: #B7C3C1;
	padding: 10px;
	border: 10px; 
	border-radius: 30px;
}

	
}