/*pagina specifieke css*/

/*Header intro*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.calendly-overlay .calendly-popup {

	max-width: 1200px !important;

	width: 100% !important;

}

#contentpage {

	padding-right: 0;

	padding-left: 0;

}

#contentpage .col-12:first-child{

	padding-right: 0;

	padding-left: 0;

}

body{

	overflow-x: hidden;

}

#blog{

	font-family: 'Poppins', sans-serif;

}

#content{

	margin-top: -4px;

	margin-bottom: -43px;

}

#blog section{

	margin: 0px 20px;

}

.skyscraper{

	display: none;

}

@media (min-width: 1200px) {

	#contact .imgText{

		margin-bottom: 20px;

	}

	#NPU .col-md-6:nth-child(1), #makkelijk .col-xl-6:nth-child(1), #betaling .col-xl-6:nth-child(1){

		padding-right: 20px;

	}

	#NPU .col-md-6:nth-child(2), #makkelijk .col-xl-6:nth-child(2), #betaling .col-xl-6:nth-child(2){

		padding-left: 20px;

	}

}

#blog #header{

	margin-top:2px;

	width: 100dvw;

	height: 400px;

	position: relative;

	left: 50%;

	right: 50%;

	margin-left: -50vw !important;

	margin-right: -50vw !important;

	margin-bottom: 30px !important;

	display: flex;

	justify-content: center;

	align-items: center;

}

#blog #contact{

	width: 100dvw;

	position: relative;

	left: 50%;

	right: 50%;

	margin-left: -50vw !important;

	margin-right: -50vw !important;

	margin-top: 50px !important;

	margin-bottom: 0px !important;

	background-color: #ececec;

}



#blog ul li {

	font-size: 1rem;

   }





@media (max-width: 1345px){

	#header h1, #header h2, #header p{

		padding: 0 20px;

		color: #FFF;

	}

	#contact h1, #contact h2, #contact p{

		padding: 0 20px;

		color: #FFF;

	}

	#contact a:first-child{

		margin-left: 20px;

	}

	#blog #contact .btn{

		margin-left: 20px;

	}

}

.card-body{

	padding: 5px 10px;

}

@media (max-width: 760px){

	#blog #header{

		height: 300px;

	}

	#blog h1{

		color: #000;

		font-size: 24px;

		font-style: normal;

		font-weight: 700;

		line-height: normal;

	}

	#blog #header h1, #blog #header h2, #blog #header p{

		color: #000;

	}

	#blog h2{

		color: #000000;

		font-size: 20px;

		font-style: normal;

		font-weight: 700;

		line-height: normal;

	}

	#blog h3{

		color: #000;

		font-size: 12px;

		font-style: normal;

		font-weight: 700;

		line-height: normal;

	}

	#blog p{

		color: #000;

		font-size: 10px;

		font-style: normal;

		font-weight: 400;

	}

}

/* overwrite the container of bootstrap so container width is full screen*/

#blog #header .container{

	padding: 0;

	margin: 0;

	width: 100vw;

	max-width: 100%;

}

#blog h1{

	color: #000;

	font-size: 28px;

	font-style: normal;

	font-weight: 700;

	line-height: normal;

}

#blog #header h1, #blog #header h2, #blog #header p{

	color: #000;

}

#blog h2{

	color: #000000;

	font-size: 24px;

	font-style: normal;

	font-weight: 700;

	line-height: normal;

}

#blog h3{

	color: #000;

	font-size: 18px;

	font-style: normal;

	font-weight: 700;

	line-height: normal;

}

#blog p{

	color: #000;

	font-size: 16px;

	font-style: normal;

	font-weight: 400;

}

#blog a:not(.btn-primary) {
	color: #AD0109;
	font-weight: bold;
}


#blog .row{

	margin: 0 auto;

	max-width: 1300px;

}

.card{

	margin-bottom: 1rem;

	outline: 2px solid #AD0109;

}

#blog .col-12{

	padding: 0;

}

#blog #header{

	color: white;

	padding: 75px 0;

	background-image: url(/download/b2c_be_nl/pic/b2b/MediaArchitect/ml2grow.png);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

}



#makkelijk .col-12:first-child, #betaling .col-12 {

	margin-bottom: 30px;

}

#blog .btn{

	border-radius: 3px;

	background: #AD0109;

	color: white;

}

/*Persona*/

#blog #persona{

	color: black;

	padding: 75px 0;

}

#blog #persona img{

	max-width: 100%;

}