* {
	margin: 0;
	padding: 0;
	font-size: 16px;
	overflow-x: hidden;
}

body {
	background-color: white;
}

/* header styles */
.header-tagline > span {
	margin-right: auto;
}

.information > span {
	margin-left: auto;
}

.header {
	display: flex;
	background-color: #00d8bb;
	overflow: hidden;
}

.header > .header-tagline,
.logo,
.information {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	padding: 0;
	margin: -6vw auto;
}

.header > .header-tagline p {
	font-family: "Varela Round", sans-serif;
	font-weight: 400;
	font-size: 3vw;
	margin-left: 8vw;
	width: 19vw;
}

@media screen and (max-width: 760px) {
	.header > .header-tagline p {
		display: none;
	}

	.header {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.header > .header-tagline,
	.logo,
	.information {
		flex: auto;
		display: flex;
		justify-content: left;
		align-items: center;
		color: #00d3c1;
		margin: -10vw auto;
	}
}

.header > .logo {
	padding-top: 6.2vw;
	padding-bottom: 6.2vw;
}

.header > .logo a {
	display: flex;
	justify-content: center;
	align-content: center;
}

.header > .logo img {
	width: 14.5vw;
	min-width: 155px;
	padding-bottom: 10px;
	margin-top: 8px;
}

@media screen and (max-width: 760px) {
	.header > .logo {
		margin-left: 50px;
		padding-top: 9.4vw;
		padding-bottom: 9vw;
	}

	.header > .logo a {
		display: inline;
	}

	.header > .logo img {
		width: 24vw;
	}
}

@media screen and (max-width: 500px) {
	.header > .logo a {
		width: 40vw;
	}
}

.header > .information {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	margin: 0;
	padding: 0;
	line-height: 5px;
}

.header > .information p {
	font-family: "Varela Round", sans-serif;
	font-size: 2.41rem;
	font-weight: 500;
	margin-right: 75px;
	margin-top: 10px;
	letter-spacing: 1.2px;
	line-height: 20px;
	width: 36.5vw;
	height: 40px;
	padding-top: 15px;
}

.header > .information i {
	font-size: 1.7rem;
	margin-top: -10px;
}

.header > .information > .phone-number a {
	color: white;
	transition: 0.2s;
}

.header > .information > .phone-number > a > p {
	transition: 0.2s;
}

.header > .information > .phone-number > a > p:hover {
	transition: 0.2s;
}

.header > .information > .phone-number a:hover {
	transition: 0.2s;
}

.header > .information > .email-address a {
	color: white;
	transition: 0.2s;
}

.header > .information > .email-address p {
	transition: 0.2s;
}

.header > .information > .email-address p:hover {
	letter-spacing: 0.05vw;
	transition: 0.2s;
}

.header > .information > .email-address i {
	font-weight: 600;
}

@media screen and (max-width: 1920px) {
	.header > .information p {
		font-size: clamp(0.6rem, 2vw, 3.4rem);
		letter-spacing: 0px;
		white-space: nowrap;
		height: 3vw;
	}

	.header > .information > .phone-number > a > p:hover {
		font-size: 1.3em;
		transition: 0.2s;
	}

	.header > .information i {
		font-size: clamp(0.6rem, 2vw, 3.4rem);
	}
}

@media screen and (max-width: 760px) {
	.header > .information {
		padding-right: 0;
		margin-right: 20px;
	}

	.header > .information p {
		height: 3vw;
		line-height: 15px;
		font-size: 3vw;
	}

	.header > .information i {
		font-size: 2.8vw;
	}

	.header > .information > .email-address p {
		overflow-x: visible;
	}
}

@media screen and (max-width: 685px) {
	.header > .information p {
		height: 4vw;
	}
}

@media screen and (max-width: 590px) {
	.header > .logo {
		margin-right: 0;
		margin-left: 10vw;
	}

	.header > .logo img {
		min-width: 100px;
	}

	.header > .information > .phone-number,
	.email-address {
		margin-right: -60px;
	}

	.header > .information p {
		height: 18px;
		width: 45vw;
		overflow-y: hidden;
	}
}

@media screen and (max-width: 500px) {
	.header > .logo {
		margin-right: 3vw;
		margin-left: 8vw;
	}

	.header > .information {
		margin-top: 15px;
		margin-left: -8vw;
		margin-right: 8vw;
		padding-right: 10vw;
		overflow: hidden;
	}

	.header > .information > .email-address,
	.phone-number {
		padding-right: 4vw;
	}

	.header > .information p {
		margin-top: 5px;
		padding-top: 0;
		height: 30px;
		overflow-y: hidden;
	}

	.header > .information i {
		margin-top: 0;
	}
}

@media screen and (max-width: 440px) {
	.header > .information > .social-links > a > i {
		font-size: 5vw;
	}
}

@media screen and (max-width: 366px) {
	.header > .logo {
		margin-right: 0;
	}

	.header > .logo img {
		width: 30vw;
	}

	.header > .information {
		padding-left: 0;
		margin-right: -15vw;
	}

	.header > .information > .email-address {
		padding-right: 11vw;
	}

	.header > .information > .phone-number {
		margin-left: -6vw;
	}

	.header > .information p {
		height: 25px;
	}
}

/* nav bar styles */
.links-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	margin: 0.05vw 5vw;
	overflow: hidden;
	white-space: nowrap;
	padding: 0.4rem;
	overflow: hidden;
}

.links-wrapper > .nav-link {
	flex: 1;
	display: flex;
	justify-content: center;
	align-content: center;
	padding: 0;
	margin: 0;
}

.links-wrapper:first-child > span {
	margin-right: auto;
}

.links-wrapper:last-child > span {
	margin-left: auto;
}

.links-wrapper > .nav-link {
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 15px;
}

.links-wrapper > .nav-link:nth-of-type(1) {
	margin-left: 14vw;
}

.links-wrapper > .nav-link:nth-of-type(3) {
	margin-right: 14vw;
}

.links-wrapper > .nav-link a,
a:link,
a:active,
a:visited {
	text-decoration: none;
	color: #00d8bb;
	font-size: 2rem;
}

.links-wrapper > .nav-link > a:hover {
	letter-spacing: 0.8px;
	color: white;
	background-color: #5cefff;
	border-radius: 15px;
}

.links-wrapper > .nav-link a {
	transition: 0.2s;
	padding: 0 4vw;
}

.links-wrapper > .nav-link > .social-links {
	display: flex;
	justify-content: space-between;
}

.links-wrapper > .nav-link > .social-links > a {
	color: #00d8bb;
	margin-right: 3vw;
	margin-top: 2px;
	padding: 4px 10px;
}

.links-wrapper > .nav-link > .social-links > a:nth-of-type(1) {
	margin-left: 2vw;
}

.links-wrapper > .nav-link > .social-links > a:hover {
	transition: 0.2s;
	color: #5cefff;
}

.links-wrapper > .nav-link > .social-links > a > i {
	font-size: 2vw;
}

@media screen and (max-width: 1450px) {
	.links-wrapper {
		margin-left: -1vw;
		margin-right: -2vw;
	}

	.links-wrapper > .nav-link:nth-of-type(1) {
		margin-left: 12vw;
	}

	.links-wrapper > .nav-link a,
	a:link,
	a:active,
	a:visited {
		font-size: 2.2vw;
	}

	.links-wrapper > .nav-link > .social-links > a > i {
		font-size: 2.5vw;
	}
}

@media screen and (max-width: 1190px) {
	.links-wrapper {
		margin-left: 8vw;
	}

	.links-wrapper > .nav-link:nth-of-type(1) {
		margin-left: 0;
	}
}

@media screen and (max-width: 1030px) {
	.links-wrapper {
		margin-left: 6.5vw;
	}
}

@media screen and (max-width: 990px) {
	.links-wrapper {
		margin-left: 6vw;
	}
}

@media screen and (max-width: 950px) {
	.links-wrapper {
		margin-left: 1.2rem;
	}
}

@media screen and (max-width: 770px) {
	.links-wrapper > .nav-link a,
	a:link,
	a:active,
	a:visited {
		font-size: 2.6vw;
	}

	.links-wrapper > .nav-link > .social-links > a > i {
		font-size: 3.7vw;
		padding-right: 10px;
	}
}

@media screen and (max-width: 658px) {
	.links-wrapper > .nav-link {
		margin-left: -3vw;
		margin-right: -4vw;
	}
}

@media screen and (max-width: 610px) {
	.links-wrapper > .nav-link a {
		font-size: 3.5vw;
	}
}

@media screen and (max-width: 600px) {
	.links-wrapper > .nav-link {
		margin-left: -3vw;
		margin-right: 1vw;
	}

	.links-wrapper > .nav-link:nth-of-type(1) {
		margin-right: -2vw;
	}
}

@media screen and (max-width: 520px) {
	.links-wrapper > .nav-link:nth-of-type(1) {
		margin-right: -1vw;
	}
}

@media screen and (max-width: 440px) {
	.links-wrapper > .nav-link a {
		font-size: 3.2vw;
	}
}

@media screen and (max-width: 375px) {
	.links-wrapper > .nav-link {
		padding: 1.8rem;
		padding-top: 0;
		padding-bottom: 0;
		overflow-x: visible;
	}

	.links-wrapper {
		margin-left: -6vw;
	}

	.links-wrapper > .nav-link:nth-of-type(1) {
		margin-right: -10vw;
	}

	.links-wrapper > .nav-link:nth-of-type(2) {
		margin-right: -12vw;
	}

	.links-wrapper > .nav-link > .social-links > a > i {
		margin-right: -4vw;
		padding-top: 3px;
	}
}

@media screen and (max-width: 305px) {
	.header > .information {
		visibility: hidden;
	}

	.header > .logo {
		margin-left: 35.082vw;
		margin-right: -25vw;
	}

	.links-wrapper {
		flex-direction: column;
	}

	.links-wrapper > .nav-link a {
		font-size: 5vw;
		margin-bottom: 0.6rem;
	}

	.links-wrapper > .nav-link > .social-links {
		margin-left: 5rem;
		margin-bottom: -1rem;
	}

	.links-wrapper > .nav-link > .social-links > a i {
		font-size: 7vw;
	}
}

/* footer styles */

.footer {
	display: flex;
	justify-content: left;
	align-items: center;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #919191;
	white-space: nowrap;
}

.footer > a {
	margin-left: 6.5vw;
	margin-right: 45px;
}

.footer > a > img {
	width: 200px;
	margin-top: 5px;
}

.footer > .footer-nav {
	display: flex;
	flex-direction: column;
	padding: 15px 25px 15px 0;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	line-height: 45px;
}

.footer > .footer-nav > .footer-nav-link a {
	color: white;
	font-size: 2rem;
	transition: 0.2s;
}

.footer > .footer-nav > .footer-nav-link a:hover {
	background-color: #00d8bb;
	padding: 5px;
	border-radius: 15px;
	transition: 0.2s;
}

.footer > .footer-nav > .footer-nav-link > .footer-socials {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	width: 170px;
}

.footer > .footer-nav > .footer-nav-link > .footer-socials > .footer-social-link > a > i {
	font-size: 2.5rem;
}

.footer > .footer-nav > .footer-nav-link > .footer-socials > .footer-social-link > a:hover {
	transition: 0.2s;
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	color: #00d8bb;
}

@media screen and (max-width: 1200px) {
	.footer > a > img {
		width: 180px;
	}

	.footer > .footer-nav > .footer-nav-link a {
		font-size: 1.6rem;
	}

	.footer > .footer-nav > .footer-nav-link > .footer-socials > .footer-social-link > a > i {
		font-size: 2rem;
	}
}

@media screen and (max-width: 480px) {
	.footer > a > img {
		width: 130px;
	}
}

@media screen and (max-width: 392px) {
	.footer > .footer-nav > .footer-nav-link a {
		font-size: 1.3rem;
	}

	.footer > .footer-nav > .footer-nav-link > .footer-socials > .footer-social-link > a > i {
		font-size: 1.7rem;
	}
}

@media screen and (max-width: 335px) {
	.footer > .footer-nav > .footer-nav-link a {
		font-size: 5vw;
	}

	.footer > .footer-nav > .footer-nav-link > .footer-socials > .footer-social-link > a > i {
		font-size: 8vw;
	}
}