body,
html {
    width: 100%;
	height: 100%;
	background-color: #2f2c3d;
}


h1 {
	color: #f1f1f8;
	font: 700 2.75rem/3.5rem "Montserrat", sans-serif;
}

.btn-solid-lg {
	display: inline-block;
	padding: 1.625rem 2.5rem 1.625rem 2.5rem;
	border: 1px solid #BAD5EA;
	border-radius: 2rem;
	background-color: #BAD5EA;
	color: #1A4677;
	font: 600 0.875rem/0 "Open Sans", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-lg:hover {
	border: 1px solid #BAD5EA;
	background-color: transparent;
	color: #00c9db;
	text-decoration: none;
}


.navbar {
	background-color: #262431;
	font: 600 0.875rem/0.875rem "Open Sans", sans-serif;
	box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.3);
}


.navbar .logo-image img {
    width: 12.625rem;
	height: 3rem;
	padding-left:50px;
}

.navbar .logo-text {
	color: #f1f1f8;
	font: 700 2rem/1rem "Open Sans", sans-serif;
	text-decoration: none;
}

.header {
	padding-top: 8rem;
	padding-bottom: 7.75rem;
	background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('../images/vlinder_color.jpg') center center ;
	background-size: cover;
	text-align: center;
	height:100%;
	
}

.header h1 {
	margin-bottom: 1rem;
}

.header .btn-solid-lg {
	margin-right: 0.375rem;
	margin-bottom: 1.125rem;
	margin-left: 0.375rem;
}

.header .text-container {
	margin-bottom: 4rem;
	
}



/*************************/
/*     Media Queries     */
/*************************/	
/* Min-width 768px */
@media (min-width: 768px) {

	
	.header {
		padding-top: 9rem;
	}

	.header .btn-solid-lg {
		margin-bottom: 0;
	}

	.header .text-container {
		margin-bottom: 5rem;
		
	}
			
}

/* Min-width 992px */
@media (min-width: 992px) {
	
	
	h1 {
		font-size: 3.25rem;
		line-height: 4.125rem;
	}
	.navbar {
		padding-top: 1.75rem;
		background-color: transparent;
		box-shadow: none;
		transition: all 0.2s;
	}

	.header {
		padding-top: 10rem;
		text-align: left;
	}

	.header .text-container {
		margin-top: 4rem;
		margin-bottom: 0;
	}

	.header .btn-solid-lg {
		margin-right: 0.625rem;
		margin-left: 0;
	}
	
}
/* end of min-width 992px */


/* Min-width 1200px */
@media (min-width: 1200px) {

	
	.header {
		padding-top: 11rem;
	}

	.header .text-container {
		margin-top: 7.5rem;
		margin-left: 1.5rem;
	}

	.header img {
		margin-left: 2.5rem;
	}
	
}
/* end of min-width 1200px */