body {
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
}

nav {
background-color: #000000;
position: fixed;
width: 100%;
top: 0;
}

nav ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

nav ul li {
display: inline-block;
margin-right: 20px;
}

nav ul li a {
color: #ffffff;
text-decoration: none;
padding: 10px;
}

nav ul li a:hover {
background-color: #ffffff;
color: #000000;
}

header {
background-image: url('images/header-bg.jpg');
height: 100vh;
background-size: cover;
background-position: center;
}

.container {
max-width: 960px;
margin: 0 auto;
padding: 50px;
}

h1 {
font-size: 60px;
color: #2c506d;
margin-top: 0;
margin-bottom: 0;
text-align: center;
text-shadow: 2px 2px #000000;
}

h2 {
font-size: 36px;
color: #000000;
margin-top: 0;
}

p {
font-size: 18px;
line-height: 1.5;
color: #000000;
text-align: center;
}

ul {
list-style-type: none;
padding: 0;
margin: 0;
}

ul li {
margin-bottom: 10px;
}

ul li a {
color: #000000;
text-decoration: none;
font-size: 24px;
}

ul li a:hover {
color: #f8a05a;
}

.image-container {
display: block;
flex-wrap: wrap;
justify-content: space-between;

}

.image-container img {
display: block;
width: 52%;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
white-space:nowrap;
font-size:0;
}

form {
max-width: 500px;
margin: 0 auto;
}

label {
font-size: 24px;
display: block;
margin-bottom: 10px;
}

input[type="text"],
input[type="email"],
textarea {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border: none;
border-radius: 5px;
}

input[type="submit"] {
background-color: #f8a05a;
color: #ffffff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}

input[type="submit"]:hover {
background-color: #e5853c;
}