h1 {
       text-shadow: 1px 1px 3px black;
       font-size: 5vw;
}
h2 {
    font-size: 15vw;
    position: relative;
    letter-spacing: 20px;
    font-family: "Noto Sans", sans-serif;
    text-align: center;
   text-shadow: 2px 2px 8px black;

}

.image1 {
    width: 100%;
    height: auto;
}
.image2 {
    max-width:100%;
    height: auto;
    width: auto;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

.image3 {
    width: 100%;
    height: auto;
     float: left;
}
.image4 {
    width: 100%;
    height: auto;
}
.centered1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}

p {
     font-size: 20px;
     font-family: 'Lato', sans-serif;
}

.navbar {
    background-color: grey;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
}

div {
    width: 100%;
}