html,
body {
	margin: 0;
	padding: 0;
	min-height: 100%;
}

body {
	background: #eef5f8;
}

.site {
	display: flex;
	flex-direction: column;
}

main {
	flex: 1 0 auto;
	margin: 0;
	padding: 0;
	display: block;
}


.navbar {
	padding-top: 14px;
	padding-bottom: 14px;
}

.brand-name {
	font-weight: 800;
	letter-spacing: 0.5px;
	color: #2b3b4e;
	font-size: 20px;
}

.nav-link {
	font-weight: 500;
	color: #010235;
}

.nav-link:hover {
	color: #f28c1b;
}

.btn-contact {
	background: #f28c1b;
	color: white;
	padding: 8px 16px;
	border-radius: 6px;
	font-weight: 600;
}

.btn-contact:hover {
	background: #e17e10;
	color: white;
}

/* FOOTER */
.site-footer {
	background: #f4f4f4;
	border-top: 1px solid #e6e6e6;
	padding: 14px 0;
	font-size: 14px;
}

.footer-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-left {
	color: #555;
}

.footer-right a {
	color: #2b3b4e;
	text-decoration: none;
	font-weight: 500;
}

.footer-right a:hover {
	color: #f28c1b;
}