.logo{
    float: left;
        position: absolute;
}

.container{
  
    justify-content: space-between;
  text-align: center;
    padding: 0 20px;

}
.banner{
    text-align: center
}


.banner h1{
    left: 750px;
   position: absolute;
    font-size: 2.5em;
   
   
}
 .navigation{
    text-align: center;

    background-color: lightpink;

    padding: 0 20px;}
ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: lightpink;
    
}
li{
   
    display: inline;
    padding: 14px 16px;
    text-align: space-between;
    font-size: 1.5em;
}

.bottom{
   
    height: 55px;
    text-align: center;
}

img.background-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1; /* Ensure the image is behind other content */
}

.content p{
    position: relative;
    z-index: 1; /* Ensure content is above the background image */

    color: black; /* Change text color for better visibility */
    font-size: 25px;
    font-weight: bold;
}

img.God-touching-man{
    position: relative;

}