html, body {
    font-family: var(--bs-body-font-family);
}
.homepage.background {
    height: 100vh;
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white; 
} 
.homepage.background #homepage-search{
	background-color: rgba(255, 255, 255, 0.7) !important;
}


.homepage.caravans#background-daytime{
    background-image: url('./../images/hero/caravans-daytime.webp');
}
.homepage.caravans#background-evening{
    background-image: url('./../images/hero/caravans-evening.webp');
}
.homepage.caravans#background-night{
    background-image: url('./../images/hero/caravans-night.webp');
} 

.homepage.motorhomes.panelvan#background-daytime{
    background-image: url('./../images/hero/motorhomes-panelvan-daytime.webp');
}
.homepage.motorhomes.panelvan#background-evening{
    background-image: url('./../images/hero/motorhomes-panelvan-evening.webp');
}
.homepage.motorhomes.panelvan#background-night{
    background-image: url('./../images/hero/motorhomes-panelvan-night.webp');
}

.homepage.motorhomes.aclass#background-daytime{
    background-image: url('./../images/hero/motorhomes-panelvan-daytime.webp');
}
.homepage.motorhomes.aclass#background-evening{
    background-image: url('./../images/hero/motorhomes-panelvan-evening.webp');
}
.homepage.motorhomes.aclass#background-night{
    background-image: url('./../images/hero/motorhomes-panelvan-night.webp');
}
 
.homepage.motorhomes.coachbuilt#background-daytime{
    background-image: url('./../images/hero/motorhomes-panelvan-daytime.webp');
}
.homepage.motorhomes.coachbuilt#background-evening{
    background-image: url('./../images/hero/motorhomes-panelvan-evening.webp');
}
.homepage.motorhomes.coachbuilt#background-night{
    background-image: url('./../images/hero/motorhomes-panelvan-night.webp');
}
 
.homepage.statics#background-daytime{
    background-image: url('./../images/hero/statics-daytime.webp');
}
.homepage.statics#background-evening{
    background-image: url('./../images/hero/statics-evening.webp');
}
.homepage.statics#background-night{
    background-image: url('./../images/hero/statics-night.webp');
} 
 
.home-container-center{
	flex: 1;   /* takes remaining space */
    display: flex;
    justify-content: center;
    align-items: center;
    color: white; 
}

.home-container{
  position: absolute;
  top: 25vh;
}

.home-logo-wrapper a{
	text-decoration : none;
}

.homepage-search-wrapper{
	margin-top: 5rem !important;
}

.home-page-nav {
      height: 35px; 
      transition: background .5s ease-in-out,padding .5s ease-in-out;
	  padding-top: 0px;
	  padding-bottom: 0px;
	  background-color: rgba(0, 0, 0, 0.3); 
}

.home-page-nav-footer {
	font-size: 0.8em;
    height: 35px; 
    transition: background .5s ease-in-out,padding .5s ease-in-out;
	padding-top: 0px;
	padding-bottom: 0px;
	  background-color: rgba(0, 0, 0, 0.3); 
}

.home-title-cv{
	font-size: 6rem; 
	color: #fff;
	line-height: 0.9;
}

.home-title-co{
	font-size: 4rem;
	color: #030572;
	line-height: 0.9;
}

.homepage#background-night .home-title-co {
    text-shadow: 0 0 5px white;
}


@media (max-width: 768px) {
	.home-title-cv{
		font-size: 5rem; 
		color: #fff;
		line-height: 0.9;
	}
	
	.home-title-co{
		font-size: 3rem;
		color: #030572;
		line-height: 0.9;
	}
	
	.home-container{ 
	  top: 15vh;
	}
}
 
@media (max-width: 576px) {
	.home-title-cv{
		font-size: 3.5rem; 
		color: #fff;
		line-height: 0.9;
	}
	
	.home-title-co{
		font-size: 2rem;
		color: #030572;
		line-height: 0.9;
	}
	
	.home-container{ 
	  top: 10vh;
	}
	
	.homepage-search-wrapper {
	  margin-top: 3rem !important;
	}
	
	.homepage.caravans#background-daytime{
	    background-image: url('./../images/hero/caravans-daytime-mobile.webp');
	}
	.homepage.caravans#background-evening{
	    background-image: url('./../images/hero/caravans-evening-mobile.webp');
	}
	.homepage.caravans#background-night{
	    background-image: url('./../images/hero/caravans-night-mobile.webp');
	} 
	
	.homepage.motorhomes.panelvan#background-daytime{
	    background-image: url('./../images/hero/motorhomes-panelvan-daytime-mobile.webp');
	}
	.homepage.motorhomes.panelvan#background-evening{
	    background-image: url('./../images/hero/motorhomes-panelvan-evening-mobile.webp');
	}
	.homepage.motorhomes.panelvan#background-night{
	    background-image: url('./../images/hero/motorhomes-panelvan-night-mobile.webp');
	}
	
	.homepage.motorhomes.aclass#background-daytime{
	    background-image: url('./../images/hero/motorhomes-panelvan-daytime-mobile.webp');
	}
	.homepage.motorhomes.aclass#background-evening{
	    background-image: url('./../images/hero/motorhomes-panelvan-evening-mobile.webp');
	}
	.homepage.motorhomes.aclass#background-night{
	    background-image: url('./../images/hero/motorhomes-panelvan-night-mobile.webp');
	}
	 
	.homepage.motorhomes.coachbuilt#background-daytime{
	    background-image: url('./../images/hero/motorhomes-panelvan-daytime-mobile.webp');
	}
	.homepage.motorhomes.coachbuilt#background-evening{
	    background-image: url('./../images/hero/motorhomes-panelvan-evening-mobile.webp');
	}
	.homepage.motorhomes.coachbuilt#background-night{
	    background-image: url('./../images/hero/motorhomes-panelvan-night-mobile.webp');
	}
	
	.homepage.statics#background-daytime{
	    background-image: url('./../images/hero/statics-daytime-mobile.webp');
	}
	.homepage.statics#background-evening{
	    background-image: url('./../images/hero/statics-evening-mobile.webp');
	}
	.homepage.statics#background-night{
	    background-image: url('./../images/hero/statics-night-mobile.webp');
	} 
}

@media (max-width: 400px) {
	.home-title-cv{
		font-size: 2.5rem;  
	}
	
	.home-title-co{
		font-size: 1.5rem; 
	}
	
	.home-container{ 
	  top: 7vh;
	}
	
	.home-page-nav .nav a{
		padding: 6px 6px !important;
		font-size: 0.8rem;
	}
	
	.homepage-search-wrapper {
	  margin-top: 1.5rem !important;
	}
	
	.homepage.caravans#background-daytime{
	    background-image: url('./../images/hero/caravans-daytime-mobile-400.webp');
	}
	.homepage.caravans#background-evening{
	    background-image: url('./../images/hero/caravans-evening-mobile-400.webp');
	}
	.homepage.caravans#background-night{
	    background-image: url('./../images/hero/caravans-night-mobile-400.webp');
	} 
	
	.homepage.motorhomes.panelvan#background-daytime{
	    background-image: url('./../images/hero/motorhomes-panelvan-daytime-mobile-400.webp');
	}
	.homepage.motorhomes.panelvan#background-evening{
	    background-image: url('./../images/hero/motorhomes-panelvan-evening-mobile-400.webp');
	}
	.homepage.motorhomes.panelvan#background-night{
	    background-image: url('./../images/hero/motorhomes-panelvan-night-mobile-400.webp');
	}
	
	.homepage.motorhomes.aclass#background-daytime{
	    background-image: url('./../images/hero/motorhomes-panelvan-daytime-mobile-400.webp');
	}
	.homepage.motorhomes.aclass#background-evening{
	    background-image: url('./../images/hero/motorhomes-panelvan-evening-mobile-400.webp');
	}
	.homepage.motorhomes.aclass#background-night{
	    background-image: url('./../images/hero/motorhomes-panelvan-night-mobile-400.webp');
	}
	 
	.homepage.motorhomes.coachbuilt#background-daytime{
	    background-image: url('./../images/hero/motorhomes-panelvan-daytime-mobile-400.webp');
	}
	.homepage.motorhomes.coachbuilt#background-evening{
	    background-image: url('./../images/hero/motorhomes-panelvan-evening-mobile-400.webp');
	}
	.homepage.motorhomes.coachbuilt#background-night{
	    background-image: url('./../images/hero/motorhomes-panelvan-night-mobile-400.webp');
	}
	
	.homepage.statics#background-daytime{
	    background-image: url('./../images/hero/statics-daytime-mobile-400.webp');
	}
	.homepage.statics#background-evening{
	    background-image: url('./../images/hero/statics-evening-mobile-400.webp');
	}
	.homepage.statics#background-night{
	    background-image: url('./../images/hero/statics-night-mobile-400.webp');
	} 
}