body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
line-height:1.6;
}

.container{
width:90%;
max-width:1200px;
margin:auto;
}

.header{
background: #336699;
padding:15px 0;
position:sticky;
top:0;
z-index:999;
}

.nav a{
margin:0 15px;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}

.hero{
background:url('../common_graf/seafront.jpg') center/cover no-repeat;
height:90vh;
display:flex;
align-items:center;
justify-content:center;
color:white;
text-align:center;
}

.hero-overlay{
background:rgba(0,0,0,0.4);
padding:40px;
}

.cta{
background:#ff6600;
color:white;
padding:15px 25px;
text-decoration:none;
display:inline-block;
margin-top:20px;
border-radius:5px;
}

.boats-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
margin-top:40px;
}

.boat-card img{
width:100%;
border-radius:8px;
}

.footer{
background:#003366;
color:white;
text-align:center;
padding:30px;
margin-top:50px;
}

.auto-style1 {
	font-size: medium;
}
.auto-style2 {
	color: #FF6600;
}
.auto-style3 {
	font-family: "Bahnschrift SemiBold";
}
.auto-style6 {
	color: #FF0000;
}
.auto-style7 {
	font-family: "Bahnschrift SemiBold";
	color: #FF0000;
}
.auto-style8 {
	color: #006C80;
	font-family: "Bahnschrift SemiBold";
}
.auto-style9 {
	text-align: center;
}
.auto-style10 {
	color: yellow;
}
.auto-style12 {
	font-family: "Bahnschrift SemiBold";
	font-size: medium;
}
.auto-style13 {
	font-family: "Monotype Corsiva";
	font-size: x-large;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-style: italic;
}
.auto-style14 {
	vertical-align: middle;
	margin-left: 20px;
	margin-right: 20px;
}
.auto-style15 {
	text-align: center;
	color: #124A82;
}