@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;
}

/* END UTILITIES */


/* START CUSTOM ELEMENTS */

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

#contact-bar {
	position: fixed;
	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 {
	max-width: 320px;
}

/* END CUSTOM ELEMENTS */



/* START MEDIA QUERIES */

@media screen and (max-width: 1199px) {
	body {
		font-size: .85rem;
	}
}

@media screen and (max-width: 991px) {
	body {
		font-size: .75rem;
	}
}

@media screen and (max-width: 767px) {

	h1 {
		text-align: center;
	}

}
	
/* END MEDIA QUERIES */