body {
    background-color: #F9F7F4;
}

header{
    background-color:#F9F7F4;
    font-family: "Lato", sans-serif;
    font-style: normal;
    

}

/* display section */

nav {
    width: 70%;

}

nav ul li {
    color: #178F88;
    opacity: .5;
    text-decoration: none;
    display: inline;
}


 /* position section */
 
#block1 {
    width: 150px;
    height: 50px;
    position: relative;
    left: 1000px;
    text-align: center;
    background-color: #A5D1CB;
    padding: 10px;
    font-family: "Lato", sans-serif;
    font-style: normal;
  }

#main-section {
    font-family: "Prata", serif; 
    font-style: normal;
    background-image: url(image_mainsection.jpg);
    padding: 18%;
    width: 80%;
    display: inline-block;
}


.sub-section{
    margin: 5rem auto;
    width: max(100%, 75rem);
    display: grid;
    grid-auto-flow: column;
    text-align: center;
    font-family: "Lato", sans-serif; 
}


#column-section {
    font-family: "Prata", serif; 
    text-align: center;

}


.columns {

    width: 30%;
    display: inline-block;
    font-family: "Prata", serif; 
    margin: auto;
}

footer {
    float: none;
    width: 100%;
    display: block;
    background-color: #052E38;
    color: white;
    font-family: "Lato", sans-serif; 
    height: 0%;

}