hello.css

body{
font-size: 1em;
}
.grid-container{
    
  display: grid;
  height: 100%;
  width: 100%;
}

.grid-item-2 {
  background-image: url(shanshui.jpg);
  opacity: 0.6;
  background-repeat: no-repeat;
  background-size:100% 100%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: x-large;
  text-align: center;
}

a:link, a:visited {
        background-color: #369b84; 
        color: white;
        padding: 5px 15px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        }
            
        a:hover, a:active {
            background-color: #60cabfa8;
        }
    
/* pagina presentation*/


  
  .navbar {
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color: #369b84;
	font-family: 'Times New Roman', Times, serif;
}
.navbar a{
	float: left;
	font-size: 1em;
	color: #ffffffff;
	text-align: center;
	padding: 14px 14px;
	text-decoration: none;
}
.navbar a:hover
 {
	background-color: white;
	color: #0c6858;

}

  
.container {
  position:relative;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  background-color: #369b834f;
}
 
 
  
  .text {

    text-align: justify;
  }
  
  .text h1 {
    font-size: 24px;
    text-align: center;
    margin-top: 10px;
  }
  
  .text p {
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: justify;
  }

  /*pagina tre*/

  

.container-2 {
 
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  background-color: #118f8751;
}

  .westlake {
    width: 100%;
    height: 90%;
    position: center;
    margin-top: 5px;
  }
   
 
  .faxi {
    width: 100%;
    height: auto;
    position: center;
    margin-top: 5px;
  
}

/*pagina quattro*/

.table-container {
  width: 100%;
  overflow-x: auto;
  margin-top: 10px;
}

table {
  width: 100%;
  border: none;
}

th, td {
  padding: 8px;
  border: 1px solid #339a79b7;
}
td {
  text-align:justify;
  vertical-align: middle;
}

td img {
  width: 100%; 
  height: auto; 
}



/*pagina cinque*/

.container-3 {
 padding: 20%;
 margin-top: 1%;
 margin-bottom: 5%;
 background-image: url(teverde.jpeg);
 background-repeat: no-repeat;
 background-size: cover;
}

.text-p3 > p{
text-align: justify;
font-size: x-large;
margin-top:5%;
margin-right: 5%;
margin-left: 5%;
margin-bottom: 5%;
}

.text-p3{
  background-color: #ffffff;
  opacity: 0.6;
  
}

.container-3 > h1{
  text-align: center;
}

.footer {
  text-align: center;
  color: #000000;
  padding: 20px;
  display: flex;
  justify-content: space-evenly;
  font-size: 15px;
  padding: 20px ;
  text-align: center;
  width:100%;


}


/*media queries*/
@media screen and (max-width: 670px)  { 
  body{
      font-size:85%;
  }
  h1{
     width: 90%;
     padding: 5%;
     font-size: 200%;
  }
   .container{
    width: 50%;
}

}


@media (min-width: 700px)and (max-width:1080px){
  h1{
      padding:0;
      width:100%;
      margin-top:4%;
  }
  body{
      font-size:100%;
  }
  nav{
      width:85%;
      margin-top: 5%;
      margin-right: 5%;
      margin-left: 5%;
    
  }
 
.container{
  width:100%;
  margin:0;

}
nav a {
  display: block;
  margin: 15px;
  font-size: 80%;

}

footer
{
    flex-direction: column;
}
}