/* ---------------------------------------------------
    BODY
----------------------------------------------------- */

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

	body {
		margin-top: 20px;
	}
	
	header, main {
		overflow-x: hidden;
	}
	
	.alinea h1 {
		font-size: 2.15em;
	}
	
	.alinea h2 {
		font-size: 1.45em;
	}
	
	p.large {
		font-size: 1.25em !important;
		line-height: 1.2em;
	}

	.alinea.banner h2 {
		font-size: 2.25em;
	}	
	
	.alinea.banner h3 {
		font-size: 1.75em;
		line-height: 1.1em;
	}
	
	.alinea ul.info_list p {
		font-size: 1em;
	}
	
	.alinea.contact-bar i {
		font-size: 3em;
	}
	
	.alinea .headline h2.title {
		font-size: 2.25em;
	}
	
	.alinea h3 {
		font-size: 1.5em;
	}
	
	#features_section .alinea h2.title {
		font-size: 2.25em;
	}
	
	#features_section .alinea h3 {
		font-size: 1.65em;
		font-weight: 500;
	}	
	
	#updates_section .alinea h3 {
		font-size: 1.75em;
	}	
	
	#updates_section .alinea h2.title {
		font-size: 2.5em;
	}
	
	header section.media .d-xl-none div.d-flex {
		flex-direction: column;
	}
	
	ul.info_list {
		padding-left: 2rem !important;
	}
	.alinea ul.info_list i {
		position: absolute;
		left: -32px;
		top: 6px;
	}
	.alinea ul.info_list p {
		position: relative;
	}
	
	#google-map {
		height: 250px !important;
	}

}

/* ---------------------------------------------------
    HEADERS
----------------------------------------------------- */

/* ---------------------------------------------------
    NAVIGATION
----------------------------------------------------- */

@media screen and (min-width: 1401px) {
	
	header section.navigation ul li a {
		padding-left: 55px;
		padding-right: 55px;
	}
}

@media screen and (min-width: 992px) {
	
	header section.navigation ul li a {
		padding-left: 10px;
		padding-right: 10px;
	}
	
}

/* ---------------------------------------------------
    MEDIA
----------------------------------------------------- */

@media screen and (max-width: 991px) {
	
	header section.media img{
		margin-top: 60px;
	}
}

@media screen and (max-width: 441px) {
	
	header section.media img{
		margin-top: 70px;
	}
	header section.media .d-xl-none div.d-flex {
		margin-top: 70px;
	}
	
	
	#mogelijkheden .alinea h2.title {
    	font-size: 2.25em;
    }
    
    #mogelijkheden .alinea h3 {
    	font-size: 1.75em;
    }
}

@media screen and (max-width: 991px) {
	
	.cookie .cookie-warning {
		
	}
}

/* ---------------------------------------------------
    MAIN
----------------------------------------------------- */

/* ---------------------------------------------------
    PRICING
----------------------------------------------------- */

@media screen and (max-width: 1401px) {
	
	.pricing h3.price {
		font-size: 8rem;
	}
}

/* ---------------------------------------------------
    CONTAINER
----------------------------------------------------- */

@media screen and (min-width: 1401px) {

	.container {
		max-width: 1500px !important;
	}
	
	.container.features {
		max-width: 1600px !important;
	}	
}