@charset "UTF-8";
/* CSS Document */

/* CSS by Robert Egnacheski 2024 */

/* 

Colors

Dark Orange c67a29 
Light Orange fdbe13

Dark Blue 1a4658
Light Blue 25a2d5

*/

/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* START DEFAULT ELEMENTS */

a {
	color: #25a2d5;
}

header {
	padding: 8px;
}

h1, h2, h3, h4, h5 {
 font-family: 'Bebas Neue', sans-serif;
	
}

h1 {
	text-align: left;
}

footer {
	padding: 80px 0 240px;
    margin: 80px 0 0 0;
	background: #333;
	color: #FFF;
}

/* END DEFAULT ELEMENTS */

/* START UTILITIES */

.dark-content {
	color: #FFF;
	background: #333;
}

.dark-content p a {
	color: #25a2d5;
	text-decoration: none;
}

.dark-content p a:hover {
	color: #FFF;
	
}


.bg-img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.bg-img-fg {
	background-color: rgba(0, 0, 0, .7);
}

.brand-quote {
	text-align: center;
	color: #777;
	font-style: italic;
	font-family: var(--bs-font-sans-serif);
	font-weight: bold;
}


.dark-content  .brand-quote {
	color: #FFF;
}

.fa-star {
	/* color: #FC0; */
}

#revCarousel .carousel-control-prev span, #revCarousel .carousel-control-next span {
	background-color: #666;
	border-radius: 4px;
}

#revCarousel .carousel-item {
	padding: 0 15%;
}  

/* END UTILITIES */


/* START CUSTOM ELEMENTS */

#logo {
	width: 100%;
	max-width: 648px;
}

#site-intro, .img-text-section-font-adjust {
	
}


#contact-bar {
	position: fixed;
	z-index: 99999;
	bottom: 0;
	right: 0;
	left: 0;
	background: #1a4658;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
	border-top: solid 3px #fdbe13;
}

#contact-bar h2, #contact-bar h3, #contact-bar h4, #contact-bar p {
	color: #FFF;
}

#contact-bar h2 {
	font-size: 14px;
}

#footer-logo, footer img {
	max-width: 360px;
}

#footer-brands {
	
}

/* END CUSTOM ELEMENTS */



/* START MEDIA QUERIES */

@media screen and (min-width: 1400px) {
	
	#site-intro p {
		font-size: 1rem;
	}
	
	.img-text-section-font-adjust p {
		font-size: 1.25rem;
	}	
	
	#promo-water p{
		font-size: 1.6rem;
	}
	
	#promo-wind p{
		font-size: 1.6rem;
	}
	
	#promo-fire p{
		font-size: 1.6rem;
	}
	
	#promo-mold p{
		font-size: 1.6rem;
	}
	
}

@media screen and (max-width: 1399px) {
	h1 {
		font-size: 1.5rem;
	} 
	
	#site-intro p {
		font-size: 1rem;
	}
	
	#site-intro .brand-quote {
		font-size: 1.25rem;
	}
	
	.img-text-section-font-adjust p {
		font-size: 1.15rem;
	}
	
	#promo-water p{
		font-size: 1.25rem;
	}
	
	#promo-wind p{
		font-size: 1.25rem;
	}
	
	#promo-fire p{
		font-size: 1.25rem;
	}
	
	#promo-mold p{
		font-size: 1.25rem;
	}
}

@media screen and (max-width: 1199px) {
	h1 {
		font-size: 1.25rem;
	} 
	#site-intro p {
		font-size: 1rem;
	}
	
	#site-intro .brand-quote {
		font-size: 1.25rem;
	}
	
	.img-text-section-font-adjust p {
		font-size: 1rem;
	}
	
	#promo-water p{
		font-size: 1.2rem;
	}
	
	#promo-wind p{
		font-size: 1.2rem;
	}
	
	#promo-fire p{
		font-size: 1.2rem;
	}
	
	#promo-mold p{
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 991px) {
	
	h1 {
		font-size: 1.25rem;
	}
	
	#site-intro p {
		font-size: 1rem;
	}
	
	#site-intro .brand-quote {
		font-size: 1rem;
	}
	
	.img-text-section-font-adjust p {
		font-size: .75rem;
	}
	
	#promo-water p{
		font-size: 1rem;
	}
	
	#promo-wind p{
		font-size: 1rem;
	}
	
	#promo-fire p{
		font-size: 1rem;
	}
	
	#promo-mold p{
		font-size: 1rem;
	}
}

@media screen and (max-width: 767px) {
	
	h1 {
		font-size: 2rem;
	}
	
	#site-intro p, .img-text-section-font-adjust p {
		font-size: 1rem;
	}
	
	#site-intro .brand-quote {
		font-size: 1.6rem;
	}
	
	#footer-brands img, #footer-brands img.img-fluid {
		max-width: 60%
	}	
	
	#promo-water p{
		font-size: 1rem;
	}
	
	#promo-wind p{
		font-size: 1rem;
	}
	
	#promo-fire p{
		font-size: 1rem;
	}
	
	#promo-mold p{
		font-size: 1rem;
	}

}

@media screen and (max-width: 575px) {
	#site-intro p {

	}
	

	


}

@media screen and (max-width: 430px) {
	#site-intro p {

	}
	
	#footer-logo, footer img {
		max-width: 100%;
	}

}
	
/* END MEDIA QUERIES */