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

.hero {
  height: 100vh;
  background-image: url('../imgs/header_img.jpg'); /* because CSS is inside css/ */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align:center;
  color: #f6eddo;
  padding-bottom: 100px;    /* space above bottom — tweak as needed */
}

.hero-content {
  padding-top: 30px;
padding-left: 180px;
padding-right: 180px;
  border-radius: 8px;
}

.hero h1 {
 font-family: "eurostile-extended", sans-serif;
font-weight: 900;
font-style: normal;
font-size: clamp(3rem, 9vw, 15rem);
margin-bottom: 5px;
color: #f6edd0;	
}

.hero p {
line-height: 1.5;
font-family: "eurostile-extended", sans-serif;
font-weight: 400;
font-style: normal;
font-size: clamp(1rem, 2.5vw, 1.8rem);
padding: 10px;
color: #f6edd0;
}

.container{
	padding-top: 50px;
	padding-bottom: 50px;
}

body {
font-family: "nimbus-sans", sans-serif;
font-weight: 400;
font-style: normal;
background-color: #27232b;
color: #2295d2;
}

footer {
	background-color: #ed6826;
	color: #f6a91e;
	text-align: end
}

#history {
font-family: "eurostile-condensed", sans-serif;
font-weight: 800;
font-style: normal;
text-align: right;
color:  #2295d2;
 position: relative;
 top: -20px;


}

#inuse {
font-family: "eurostile", sans-serif;
font-weight: 800;
font-style: normal;
color: #f6edd0;
text-align: right;
}

#inuse2 {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	color: #f6edd0;
}