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;
padding-left:20px;
position:sticky;
top:0;
z-index:999;
}

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

.hero{
background:url('../camera.jpg') center/cover no-repeat;
height:90px;
display:flex;
align-items:top;
justify-content:center;
color:white;
text-align:center;
font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: small;

}

.hero-overlay{
background:rgba(0,0,0,0.4);
padding:40px;
}
.nav {
    background: #006699;
    width: 100%;
}

.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: left;
}

.nav-list li {
    position: relative;
}

.nav-list li a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 15px 20px;
    font-family: Arial;
}

.nav-list li a:hover {
    background: #004d66;
}

/* Dropdown */

.dropdown-menu {
    display: none;
    position: absolute;
    background: #006699;
    min-width: 230px;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
}

.dropdown-menu li {
    width: 100%;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

/* Mobile menu button */

.menu-toggle {
    display: none;
    padding: 15px;
    color: white;
    cursor: pointer;
    font-size: 22px;
}

/* Responsive */

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

.nav-list {
    display: none;
    flex-direction: column;
    width: 100%;
}

.nav-list.active {
    display: flex;
}

.nav-list li {
    width: 100%;
}

.dropdown-menu {
    position: static;
    display: none;
    background: #00557a;
}

.dropdown.active .dropdown-menu {
    display: block;
}

.menu-toggle {
    display: block;
}
}
.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;
}
a:active {
	color: #FFFFFF;
}
a:hover {
	color: #FF6600;
}
.auto-style56 {
	font-family: "Bahnschrift SemiBold";
	font-size: medium;
}
.auto-style63 {
	letter-spacing: 1pt;
	margin-left: 22px;
	margin-right: 22px;
}
.auto-style64 {
	font-family: "Monotype Corsiva";
	font-size: x-large;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-left: 125px;
	margin-right: 125px;
}
.auto-style65 {
	margin-left: 22px;
	margin-right: 22px;
}

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

.footer{
background:#003366;
color:white;
text-align:center;
padding:30px;
margin-top:50px;
}
.auto-style66 {
	font-size: xx-small;
}

.auto-style50 {
	margin-left: 17px;
	margin-right: 17px;
}
.auto-style51 {
	color: #FF6600;
}
.auto-style52 {
	color: #FF0000;
	font-style: italic;
}
.auto-style53 {
	color: #FF0000;
	font-size: large;
}
.auto-style54 {
	font-size: large;
}
.auto-style55 {
	font-family: "Monotype Corsiva";
	font-size: xx-large;
	color: #FFFFFF;
	font-style: italic;
	vertical-align: top;
}


.auto-style1 {
	font-size: medium;
}
.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;
	color: #000000;
}
.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;
}
.auto-style24 {
	text-decoration: none;
}
.auto-style27 {
	font-weight: normal;
	color: #0D7C90;
}
.auto-style30 {
	color: #0D7C90;
}
.auto-style33 {
	font-family: "Monotype Corsiva";
	font-size: x-large;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.auto-style34 {
	font-family: "Monotype Corsiva";
	font-size: xx-large;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-style: italic;
	vertical-align: top;
}
.auto-style35 {
	font-size: small;
}
.auto-style36 {
	color: #FF0000;
	font-family: "Monotype Corsiva";
	font-size: xx-large;
}
.auto-style37 {
	letter-spacing: 1px;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	color: #FFFFFF;
	font-size:  x-large;


}
.auto-style38 {
	color: #FFFFFF;
}
.auto-style39 {
	color: #FFFFFF;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
.auto-style40 {
	color: #0C788B;
}
.auto-style41 {
	font-size: large;
	color: #FF6600;
}
.auto-style42 {
	color: #0007FF;
}
.auto-style44 {
	font-size: small;
	letter-spacing: 10pt;
}
.auto-style45 {
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	border-left-color: #FF0000;
}
.auto-style46 {
	font-weight:  bolder ;
	color:#FF0000;

}
a {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:active {
	color: #FF6600;
}
a:hover {
	color: #FFCC00;
}
.auto-style48 {
	font-family: "Bahnschrift SemiBold";
	font-size: medium;
	color: #FF6600;
}
.auto-style49 {
	letter-spacing: 1pt;
	margin-left: 10px;
	margin-right: 10px;
}