html, body {
	margin:  0;
	font-family: 'Albert Sans', sans-serif;
}
.container {
	max-width: 1170px;
	padding: 0 15px;
	margin: 0 auto;
}
.masthead {
	background:  linear-gradient( to right, rgba(69, 126, 147, 1), rgba(144, 187, 203, 1) );
	padding: 50px 0 55px;
	margin-bottom: 50px;
}
.masthead .logo {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 55px;
}
.masthead .logo img {
	width: 230px;
	height: 100px;
	object-fit: contain;
}
.masthead .intro {
	color:  white;
	text-align: center;
	margin: 0 auto;
}
.masthead .intro p {
	line-height: 1.444444444;
	font-size: 18px;
	letter-spacing: 0.01em;
}

.body-content .heading {
	text-align: center;
	line-height:  1.25;
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 45px;
	letter-spacing: 0.01em;
	color: #457E93;
}
.location, .email, .phone {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.location, .email {
	margin-bottom: 35px;
}
.location p {
	font-size: 18px;
	line-height: 1.444444444;
	margin: 0;
	color: #457E93;
	letter-spacing:  0.01em;
	font-weight: 600;
}
.location .location-icon {
	margin-bottom: 30px;
}
.email .email-icon {
	margin-bottom: 30px;
}
.email .email-address {
	text-decoration: none;
	color: #457E93;
	font-size:  18px;
	font-weight: 600;
	line-height:  1.444444444;
	letter-spacing: 0.01em;
	transition:  .3s ease;
}
.email .email-address:hover {
	color: black;
}
.phone {
	margin-bottom: 58px;
}
.phone .phone-icon {
	margin-bottom: 30px;
}
.phone .phone-number {
	text-decoration: none;
	color: #457E93;
	font-size:  18px;
	font-weight: 600;
	line-height:  1.444444444;
	letter-spacing: 0.01em;
	transition: .3s ease;
}
.phone .phone-number:hover {
	color: black;
}

.footer {
	background-color: black;
	padding: 50px 0;
}
.footer .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}
.footer .left {
	margin-bottom: 35px;
}
.footer .left img {
	height: 95px;
	width: 225px;
	object-fit: contain;
}
.footer .right {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.footer .right p {
	margin: 0;
	color: white;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.444444444;
	letter-spacing: 0.01em;
	font-weight: 500;
}

.footer .right img {
	width: 141px;
	height: 35px;
	object-fit: contain;
}

@media only screen and (min-width: 1025px) {
	.masthead .logo img {
		width: 330px;
		height: 140px;
	}
	.masthead .intro {
		width: 65%;
	}
	.footer .container {
		flex-direction: row;
	}
	.footer .left {
		margin-bottom: 0;
	}
	.footer .right {
		flex-direction: row;
	}
	.footer .right p {
		margin-right: 20px;
		margin-bottom: 0px;
	}
}