@charset "UTF-8";
/* CSS Document */

html, body {
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
	background-color: #253C59;
	color:#717B84;
}

h1 {
	font-family: "new-kansas-extra-swash", serif;

	font-weight: 800;
	font-style: italic;
	font-size: 84px;
	color:#253C59;
	margin-top:-15px;
	margin-bottom:-50px;
}

h2 {
	font-family: "mundial", serif;
	font-weight: 500;
	font-size: 30px;
}

h3 {
	font-family: "mundial", serif;
	color:#717B84;
	font-weight: 400;
	font-style:normal;
	font-size: 22px;
}

h4 {
	margin-top:-40px;
	margin-bottom:30px;
	font-family: "mundial", sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size:64px;
}

h5 {
	font-family: "poppins", serif;
	font-weight: 400;
	font-size:15px;
}

p {
	font-family: "poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:14px;
}

img {
  max-width: 100%;
  height: auto;
}


a {
	color: inherit;
	font-weight: 400;
	text-decoration:none;
}

	.button { 
		display: inline-block;
		background-color:#CE8E47;
		color:#fff;
		font-family: "poppins", sans-serif;
		font-weight:600;
		font-style:normal;
		text-decoration: none;
		text-align: center;
		padding:11px 20px 10px;
		font-size:12px;
		margin-top:10px;
		transition: all 1s ease;
	}

	.button:hover { 
		background-color:#A16A2B;
	}


/* MAIN CONTENT */
	.main {
		margin: auto;
		background-color:#fff;
		width:80%;
		text-align:center;
		margin-top:50px;
	}

	.content {
		padding:32px;
	}

	.content h3 {
		margin-top:40px;
	}

	.content a {
		color:#5280B7;
		letter-spacing: .5px;
		font-weight:600;
		transition: all 1s ease;
	}

		.content a:hover {
			color:#365881;
			font-weight:600;
		}



/* MAIN CONTENT */
.about {
	margin: auto;
	background-color:#fff;
	width:75%;
	padding-left:20px;
	text-align:center;
	margin-bottom:10px;

}

	.about p {

		font-family: "poppins", sans-serif;
		font-weight: 500;
		line-height: 28px;
		font-size:16px;
		padding-bottom:30px;
	}
	


.contact {
	padding-bottom:80px;
}

	.contact a {
		color:#5280B7;
		font-weight:600;
		transition: all 1s ease;
	}

		.contact a:hover {
			color:#365881;
			font-weight:600;
		}


hr.dotted {
	width:40%;
	margin-top:-30px;
	margin-bottom:60px;
	border-top: 1px solid #EAE7E7;
	border-bottom: none;
}


/* FLEX ELEMENTS */

.grid {
	margin: 20px 80px;
	padding-bottom:80px;
}

.flex-container {
	text-align:left;
	display: flex;
  	flex-direction: row;
	gap:54px;
}

.flex-item {
	padding:0px;
}

	/* Responsive layout - makes a one column layout instead of a two-column layout */
	@media (max-width: 1000px) {		
	  .flex-container {
		flex-direction: column;
	  }
	}

	.flex-item {
		line-height: 24px;
	}

	.flex-item h3 {
		color:#365881;
		letter-spacing: 0px;
		font-family:"poppins", sans-serif;
		font-weight:600;
		font-size:18px;
	}

	/* Responsive layout - makes a one column layout instead of a two-column layout */
	@media (max-width: 1400px) {
	  .flex-item {
		
	  }
	}

	/* Responsive layout - makes a one column layout instead of a two-column layout */
	@media (max-width: 1000px) {
		h1 {
			font-family: "new-kansas-extra-swash", serif;
			font-weight: 800;
			font-style: italic;
			font-size: 60px;
			line-height: 60px;
			color:#253C59;
			margin-top:20px;
			padding-top:40px;
			margin-bottom:0px;
		}
	}


	/* Responsive layout - makes a one column layout instead of a two-column layout */
	@media (max-width: 850px) {
		
		h2 {
			font-size: 24px;
			padding-bottom:20px;
		}
		
		h4 {
			font-size: 34px;
		}
	}



/* FOOTER */

footer {
	font-family: "poppins", sans-serif;
	color:#fff;
	text-align: center;
	line-height: 20px;
	margin: 64px 0px;
	margin-top:-10px;

}

	footer h5 {
		font-size:13px;
		color:#717B84;
		font-weight: 300;
	}

	footer p{
		font-size: 11px;
		color:#3C6290;
		margin-top:-10px;
		padding-bottom:64px;
	}