body {
	font-family: Roboto, sans-serif;
}

.w-container {
	max-width: 80%;
}

.navbar {
	background-color: rgba(34, 71, 101, 0.7);
	
	font-family: Roboto, sans-serif;
}

.logo-name {
	padding: 20px;
	
	color: #fff;
	font-size: 30px;
}

.nav-link,
.dropdown-toggle {
	color: #fff;
	text-transform: uppercase;
}

.nav-link:hover {
	text-decoration: underline;
}

.dropdown-link {
	text-transform: uppercase;
	border-radius: 5px;
}

.dropdown-link:hover {
	color: #fff;
	background-image: linear-gradient(90deg, #ff935c, #fb406c 100%, #fff);
}

.dropdown-list {
	padding: 10px;
	background: #fff;
	left: -50px;
}

.menu-button,
.w-nav-button.w--open,
.w--nav-link-open,
.w--nav-dropdown-toggle-open {
    background-color: #224765;
}

.w--nav-link-open {
	border-bottom: 1px solid #2b5679;
}

.menu-button .icon {
	color: #fff;
}

.w--nav-dropdown-list-open {
	padding: 10px 0 30px;
}

.w--nav-dropdown-list-open .dropdown-link {
	border-radius: 0;
}

@media (max-width: 991px) {
	.w-container {
		max-width: none;
	}
}

@media (max-height: 400px) {
	.w-nav-overlay {
		overflow: visible;
	}
}