body { font-family: 'Titillium Web', sans-serif; font-size: 20px; line-height: 31px; color: #1D71B8;}
a { color: #E94E1B; font-weight: 600; text-decoration: underline;}
a[href ^= 'tel:'] { color: #1D71B8; }

h2 { font-size: 40px; font-weight: 700; }
h3 { font-size: 30px; font-weight: 700; }
p {margin-bottom: 28px;}

.wrapper { padding: 75px 0; overflow: hidden;}
.wrapper-top { padding: 100px 0 75px; overflow: hidden;}
strong {font-weight: 600; font-size: 22px;}

/*** color set up ***/
.simple-linear { background: linear-gradient(180deg, #C9E8FB 0%, #C9E8FB 50%, #E3F4FF 50%, #E3F4FF 100%); }
.bgblue { background-color: #C9E8FB; }
.bglightblue { background-color: #E3F4FF; }
.bglightpurple { background-color: #B2A0CD; }
.salmon { background-color: #F8C7C8; color: #BE1622; }
.green { background-color: #7CC4A9; color: #006633; }
.yellow { background-color: #F5CB66; color: #E94E1B; }
.purple { background-color: #B2A0CD; color: #662483; }
.footer {padding-top: 20px; line-height: 41px;}
.footer h2 { position: relative; font-size: 30px; font-weight: 600; }
.footer h2:before { position: absolute; top: -60px; left: 50%; margin-left: -27px; content: ""; width: 75px; height: 67px; background-size: 75px 67px; background-image: url(../assets/blauwhart.svg);  }
.footer-blue {color: #4995D4;}
.green .visual {padding-top: 25px;}

img{
	max-width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.nav-button{
	width: 40px;
	height: 40px;
	float: left;
	background-color: #F5CB66;
	color: #E94E1B;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	margin-right: 10px;
	cursor: pointer;
}

.visual {text-align: center;}
.intro {font-size: 22px; font-weight: 600;}
.intro span { font-weight: 700; font-size: 50px;}
.info {padding: 30px;  min-height: 320px;}
.info span { font-weight: 700; font-size: 30px;}

.wrapper .container-fluid .row > [class*='col-'] { display: flex;}
.item {margin-bottom: 15px;}


@media (min-width: 576px) {
    
}

@media (min-width: 768px) {
    .info {padding: 30px;  min-height: 320px;}
}

@media (min-width: 992px) {
    .info {padding: 30px;  min-height: 460px;}
    .simple-linear { background: linear-gradient(180deg, #C9E8FB 0%, #C9E8FB 60%, #E3F4FF 50%, #E3F4FF 100%); }
}

@media (min-width: 1200px) {
    .wrapper .container-fluid .row > [class*='col-'] { display: flex; align-items: flex-start;}
    .salmon { position: relative; top: 60px;}
    .yellow { position: relative; top: 60px;}
    .simple-linear { background: linear-gradient(180deg, #C9E8FB 0%, #C9E8FB 50%, #E3F4FF 50%, #E3F4FF 100%); }
}

@media (min-width: 1400px) {

}



video {
  width: 100%    !important;
  height: auto   !important;
}