*{
	font-family: "Poppins", sans-serif;
}

p, li{
	font-size: 18px;
}

nav .active{
	color: white!important;
}

/* MENU */

#menu{
	background-color: #231f20;
}

#menu .navbar-toggler-icon{
	color: #E9C664;
}

#menu .nav-item{
	display: flex;
	align-items: center;
}

#menu .nav-item .nav-link{
	color: #E9C664;
}

#menu .nav-item .nav-link.active{
	font-weight: bold;
	font-size: 17px;
}

#menu .nav-item .nav-link:hover{
	color: white;
}

#menu .navbar-toggler{
	border-color: #E9C664;
}

#menu .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(233, 198, 100, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#logo{
	width: 250px;
}

/* FOOTER */

footer{
	background-color: #231f20;
}

footer h2{
	color: white;
	font-size: 70px;
}

footer h3{
	color: white;
	font-size: 18px;
}

footer p{
	color: white;
}

footer i{
	color: #E9C664;
	font-size: 32px;
}

footer a{
	text-decoration: none;
	color: white;
	font-size: 18px;
}

footer a:hover{
	text-decoration: underline;
	color: white;
}

footer .yellow-line{
	border-top: solid 2px #E9C664;
}

footer .sections > div{
	width: fit-content;
}

@media (max-width: 1200px) {
	footer .sections > div{
		width: 50%;
	}
}

@media (max-width: 768px) {
	footer .sections > div{
		width: 100%;
	}
}

@media (max-width: 545px) {
	footer h2{
		font-size: 43px;
	}
}

/* MODALCONTENT */

#cookieModal .modal-content{
	background-color: #231f20;
	color: #E9C664;
}

#cookieModal .btn{
	background-color: #E9C664;
	border: solid 1px #E9C664;
	color: #231f20;
	font-weight: bold;
}

#cookieModal .btn:hover{
	background-color: #231f20;
	border: solid 1px #E9C664;
	color: #E9C664;
	font-weight: bold;
}

#cookieModal .btn-cookies{
	color: white;
}