/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1370px) {
.flextriple{
display: flex;
flex-flow: row wrap;
/* align-items: flex-start; */
justify-content:flex-start;
justify-content: space-between;
margin-right:15px;
}
}

@media only screen and (max-width: 1024px) {


body {
font-size: 23px;
font-weight: 400;
line-height: 1.4;
}

h1{
font-size: 30px;
font-weight: 400;
line-height: 1.3;
}



.inleiding-home{padding:20px 80px;}
.inleiding-home p{font-size:25px;}
.inleiding-home h1{font-size:45px;margin:0 0 15px 0;}

.blockhometxt h1{font-size:35px;}
.blockhometxt{font-size:22px;padding:10px 30px 0 30px;}

.pijlbleuverder:after {margin: 0 0 -6px 10px;}

.blockhomecitaat{
padding:0px 10px 0 30px;
margin-bottom:0px;
font-size:26px;
font-weight:300;
	}

.inleiding-overzicht{
padding:20px 80px;
border-bottom:1px #ef7c00 solid;
}
.maintext-overzicht{padding:0px 10px 10px 30px;}
.plainmetstreep{padding:0px 10px 10px 30px;}
.block-stichtinginfo{padding:0px 10px 10px 30px;}
.insert-mainvisual h1 {font-size:45px;}
.block-klein{padding:0px 10px 10px 30px;}
.bloc-naardetail{padding:45px 30px;}
.block-colofon{padding:0px 10px 10px 30px;}
.block-detail-meer{padding:0px 10px 10px 30px;}
.plain-detail-meer{padding:0px 10px 10px 30px;}

.blockfoot {padding: 0 0 0 30px;}


}

@media only screen and (max-width: 834px) {

.blockhometxt{padding:10px 30px 0 30px;}
.blockhomecitaat{padding:0px 10px 0 30px;margin-bottom:0px;}

}



@media only screen and (max-width: 768px) {


.inleiding-home{padding:20px 30px;}
.inleiding-home p{font-size:25px;}
.inleiding-home h1{
font-size:42px;
margin:0 0 15px 0;
}

.col-left {float:left;width: 100%;}

.col-right {float:left;width: 100%;}
.bigscreen{display:none;}
.smaalscreen{display:inherit;padding-left:30px}
.inleiding-overzicht{padding:30px 30px 10px 30px;}

.kop-detail h1{font-size:35px;}
.bloc-naardetail{margin-bottom:30px;}
.block-detail-logo{margin-bottom:20px}
.menu-boite{border-left:0px solid #55a7dd;}
.childheader {border-bottom:0px solid #55a7dd;}
.menu-boite-inserttext{display:none;}
.flextriple{
display: flex;
flex-flow: row wrap;
/* align-items: flex-start; */
justify-content:flex-start;
justify-content: space-between;
margin-right:15px;
margin-left:15px;
}



}

@media only screen and (max-width: 639px) {

body {
font-size: 20px;
font-weight: 400;
line-height: 1.4;
}

article ol,article ul,aside ol,aside ul {margin-left:20px;}
article ol li,article ul li,aside ol li,aside ul li {padding-left:5px;font-size:20px;}
.bloc-naardetail p{font-size:20px;}

h1{line-height: 1.3;}
.wrap-logo{
max-width:300px;
margin:55px auto 0;
}
.inleiding-home{padding:20px 20px;}
.inleiding-home p{font-size:22px;}
.inleiding-home h1{font-size:30px;margin:0 0 15px 0;line-height:auto;}
.inleiding-overzicht p{font-size:22px;}

.blockhometxt h1{font-size:28px;}
.blockhometxt{font-size:22px;padding:10px 15px 0 15px;}
.pijlbleuverder:after {
    content: "";
    display: inline-block;
    background: url("https://stichtingjustineborkes.nl/external/siteimages/basis/pijl-bleu-klein.png") no-repeat;
    background-position: 0 0;
    width: 20px;
    height:13px;
    margin: 0 0 -2px 10px;
}
.blockhomecitaat{
padding:0px 10px 10px 15px;
margin-bottom:0;
font-size:23px;
font-weight:300;
	}
.blockfoot {font-size:18px;}
.klein-logo{margin:30px auto 20px;}
.maintext-overzicht{padding:0px 10px 10px 15px;}
.maintext-overzicht p{padding:0 0 20px ;}
.inleiding-overzicht{padding:20px 15px;}
.block-colofon{padding:0px 10px 10px 15px;}
.bloc-naardetail{padding:25px 15px;}
.bloc-naardetail h1{margin-bottom:20px;}
.bloc-naardetail ul{list-style-type: disc;margin-left:20px;}
.bloc-naardetail ul li:after{width: 20px;height:13px;margin: 0 0 -2px 10px;}

.block-detail-meer{padding:0px 10px 10px 15px;margin-bottom:20px;}

.btn-terug{fony-size:18px;}

.btn-terug:before{
content: "";
    display: inline-block;
    background: url("https://stichtingjustineborkes.nl/external/siteimages/basis/terug-bleu-klein.png") no-repeat; 
    background-position: 0 0;
    width: 20px;
    height:13px;
    margin: 0 10px -2px 0;
}
.plainmetstreep{padding:0px 10px 10px 15px;}
.plain-detail-meer{padding:0px 10px 10px 15px;}

.bundelboek{
width:48%;
border:1px #55a7dd solid;
margin-bottom:5%;
}
i{width:45%;
margin:;
}

.block-detail-meer:before,.block-stichtinginfo:before,.plainmetstreep:before,.plain-detail-meer:before,.blockhomecitaat:before{
width: 80px;
}

}
