body {
	height:								100%;
	margin: 							0 auto;
	
	font-family:						'Open Sans', sans-serif;
	color:								#0a0a0a;
	font-weight:						400;
}

header {
	background-color:					#ffffff;
	
	box-shadow: 						0px 0px 10px 0px #505050;
	backdrop-filter: 					blur(10px);

	padding-top:						1rem;
	padding-bottom:						1rem;

	top:								0;
	left:								0;

	z-index:							2;
	position: 							fixed;

	width:								100%;
	height: 							85px;

	img {
		max-width: 						250px;
   		width: 							100%;
	}

	.quick_contact {
		color: 							#285366;

		text-align: 					right;
		font-size: 						1rem;

		margin-top: 					1rem;

		strong {
			margin-left:				1rem;
			margin-right:				0.25rem;
		}

		a {
			color: 						#ee2f58;
		}
	}
}

h1 {
	font-size:							2.5rem;
	line-height:						3rem;

	color:								#285366;
	font-family:						'Comfortaa', sans-serif;
	font-weight:						600;

	margin-top:							0rem;
	margin-bottom:						1rem;
}

h2 {
	font-size:							1.75rem;
	line-height:						2.25rem;

	color:								#285366;
	font-family:						'Comfortaa', sans-serif;
	font-weight:						600;

	margin-top:							0rem;
	margin-bottom:						0.5rem;
}

h3 {
	font-size:							1.25rem;
	line-height:						1.875rem;

	color:								#ffffff;
	font-family:						'Comfortaa', sans-serif;
	font-weight:						600;

	margin-top:							0rem;
	margin-bottom:						0.5rem;
}

p {
	font-size:							1.45rem;
	font-weight: 						400;
	line-height: 						2.25rem;
}

a.button_a {
	background-color:					#ee2f58;
	color:								#ffffff;
	text-decoration:					none;
	
	transition:							all 0.25s ease;
	margin-right:						1rem;
	margin-bottom:						1rem;

	padding-top:						0.75rem;
	padding-right:						1.25rem;
	padding-bottom:						0.75rem;
	padding-left:						1.25rem;

	border-radius:						1rem;

	display:							inline-block;

	&:hover {
		background-color:				#285366;
		text-decoration:				none;
		color:							#ffffff;

		box-shadow: 					0.25rem 0.25rem 0rem #B3B3B3
	}
}

.full-width {
	max-width:							100%;
}

.banner_homepage {
	background-color:					#bee2ec;

	margin-top:							85px;

	position: 							relative;
	overflow:							hidden;

	@media only screen and (min-width: 1024px) {
		min-height:						500px;
		max-height:						700px;

		img {
			height: 					100%;
			min-height: 				500px;
			width:						100%;
			
			object-fit:					cover;
		}
	}

	img {
		width:							100%;
	}
	
	.text {
		@media only screen and (min-width: 1024px) {
			left: 						0;
			top: 						50%;

			transform: 					translateY(-50%);
			
			position: 					absolute;
			width:						100%;
		}

		.banner-carousel {
			padding-top: 				2rem;
		
			@media only screen and (min-width: 640px) {
				margin-top:				2rem;

				background-color: 		rgba(255, 255, 255, 0.65);
			
				padding-right: 			2rem;
				padding-bottom: 		2rem;
				padding-left: 			2rem;
				
				box-shadow: 			0.25rem 0.25rem 0rem #B3B3B3;
				backdrop-filter:		blur(10px);
				border-radius: 			1rem;
				
				max-height:				300px;
			}
		}
	}
}

.about {
	margin-top: 						4rem;

	p {
		margin-bottom:					4rem;
	}
}

footer {
	background-color:				#208039;

	color:							#ffffff;
    font-size: 						1rem;
    
    padding-top:	 				2rem;

	strong {
		margin-right:				0.25rem;
	}

	a {
		color:						#ffffff;

		&:hover {
			color: 					#ffffff;
			text-decoration:		underline;
		}
	}

	strong {
		font-family:				'Comfortaa', sans-serif;
		font-weight:				600;
	}

	.contact {
		padding-bottom: 			2rem;	
	}
}