:root {
	--xxxl: 88px;
	--xxl: 38px;
	--xl: 40px;
	--l: 24px;
	--m: 26px;
	--s: 20px;
	--xs: 14px;
}

@media (min-width: 576px) {                             
  :root {
    --xxxl: 88px;
	--xxl: 48px;
	--xl: 40px;
	--l: 34px;
	--m: 26px;
	--s: 20px;	
	--xs: 14px;
  }
}

.font-xxxl {
	font-family: "Open Sans Condensed"; 
	font-size: var(--xxxl);
	line-height: var(--xxl);
}

.font-xxl {
	font-family: "Open Sans Condensed"; 
	font-size: var(--xxl);
	line-height: var(--xl);
}

.font-xl {
	font-family: "Open Sans Condensed"; 
	font-size: var(--xl);
	line-height: var(--l);
}

.font-l {
	font-family: "Open Sans Condensed"; 
	font-size: var(--l);
	line-height: var(--l);
}

.font-m {
	font-family: "Open Sans Condensed"; 
	font-size: var(--m);
	line-height: var(--m);
}

.font-s {
	font-family: "Open Sans Condensed"; 
	font-size: var(--s);
	line-height: var(--s);
}

.font-xs {
	font-family: "Open Sans Condensed"; 
	font-size: var(--xs);
	line-height: var(--xs);
}

.font-bold {
	font-weight: bold;
}

.font-weight600 {
	font-weight: 600;
}

.font-weight400 {
	font-weight: 400;
}

.btn-carousel {
	color:#000;
	border-radius:0px;
	border-color:#777;
	padding:20px;
}

.btn-carousel:hover {
	border-radius:0px;
	border-color:#777;
	background-color:#000;
	color:#fff;
	padding:20px;
}

.btn-carousel-black {
	border-radius:0px;
	border-color:#777;
	background-color:#000;
	color:#fff;
	padding:20px;
}

.btn-carousel-black:hover {
	border-radius:0px;
	border-color:#777;
	background-color:#fff;
	color:#000;
	padding:20px;
}


.btn-mainmenu {
	background-color:#fff;
	color:#000;
	border-radius:0px;
	font-family: "Open Sans Condensed";
	padding:15px 30px 15px 30px;
	font-size:26px; 
}


.btn-mainmenu:hover,.btn-mainmenu-active  {
	background-color:#333;
	transition: background-color 0.5s ease;
	color:#fff;
}


.mainbanner {
	width:100vw; 
	height:500px; 
	margin-top:73px;
	object-fit:cover;
}





.logo {
	position:absolute;
	top:74px;
	z-index:1;
	width:100px; 
	left:10vw;
	background-color:#fff;
}	

		
.btn-submainmenu {
	float:left;
	font-size:12px;
	color:#0000ff;
	font-family: "Arial";
	padding:5px;
	text-decoration:none;
}


.btn-submainmenu:hover,.btn-submainmenu-active  {
	background-color:#0000ff;
	color:#fff;
	transition: background-color 0.5s ease;
	padding:5px;
	text-decoration:none;
}

.page {
	float:left;
	margin-left:10vw;
	width:80vw;
}

@media all and (max-width: 660px) {
	.title {
		position:absolute; 
		font-family: "Sonsie One"; 
		font-size:24px; 
		top:450px; 
		color:#fff;
		margin-left:0vw;

	}
	
	.btn-mainmenu {
		background-color:#fff;
		color:#000;
		border-radius:0px;
		font-family: "Open Sans Condensed";
		padding:0px;
	}	
	
	.mainbanner {
		width:100vw; 
		height:500px; 
		margin-top:30px;
		object-fit:cover;
	}	
	
	.logo {
		position:absolute;
		top:53px;
		z-index:1;
		width:100px; 
		left:10vw;
		background-color:#fff;
	}	
	.page {
		float:left;
		margin-left:5vw;
		width:90vw;
	}

}