:root {
	--light-blue: rgb(41, 135, 147);
}

html, body {
	font-family: 'DM Sans', sans-serif;
}

h2 {
	font-size: max(3vh);
	padding: 1rem; 
	color: var(--light-blue);
}

p {
	font-size: max(2vh);
	padding: 1rem;
}

.navbar {
	background: #eee;
}

.light_blue {
	color: var(--light-blue);
}

.bold {
	font-weight: bold;
}

.active {
	border-bottom: 1px solid var(--light-blue);
}

.navbar-toggler-icon {
	background-color: var(--light-blue);
}

.logo {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	width: 8rem;
}

.nav-link {
	font-family: 'DM Sans', sans-serif;
	transition: .2s ease;
	color: var(--light-blue);
	border-radius: 4px;
	padding: 18px 36px;
	display: inline-block;
	letter-spacing: 1px;
	cursor: pointer;
	box-shadow: inset 0 0 0 0 var(--light-blue);
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s;
}

.nav-link:hover {
	transition: .2s ease;
	background: rgba(41, 135, 147, .1);
}

.sidebanner {
	width: 100%;
    height: 115vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	border-left: 5px solid var(--light-blue);
	float: right;
}

.bannerimage {
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	border-bottom: 5px solid var(--light-blue);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.home {
	background-image: url(../images/HOME.jpg);
}

.markets {
	background-image: url(../images/MARKETS.jpg);
}

.team {
	background-image: url(../images/TEAM.jpg);
}

.about {
	background-image: url(../images/ABOUT.jpg);
}

.terms {
	background-image: url(../images/GDPR.jpg);
}

.content_banner {
	color: rgba(0, 0, 0, .8);
	background: white;
	height: auto;
	width: 100%;
	padding: 4rem;
}

.cookiesusage_h2 {
	font-size: max(2.5vh);
	padding: 1rem; 
	color: var(--light-blue);
}

.cookiesusage_p {
	font-size: max(1.5vh);
	padding: 1rem;
}

.aboutcookies_h2 {
	font-size: max(2.5vh);
	padding: 1rem; 
	color: var(--light-blue);
}

.aboutcookies_p {
	font-size: max(1.2vh);
	padding: 1rem;
}

.privacy_h2 {
	font-size: max(2.5vh);
	padding: 1rem; 
	color: var(--light-blue);
}

.privacy_p {
	font-size: max(1.5vh);
	padding: 1rem;
}