body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background:rgb(247, 245, 245);

}

nav {
    background-color: #333;
    color: #fff;
    padding: 15px;
}

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

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

nav ul li a {
    color: #fff;
    text-decoration: none;
    margin:6%;
}

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




.header1{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr ;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    background-color: rgba(142, 144, 146, 0.578);
    height:100;
    height: 90vh;
  
    
}
.header1 img{
grid-column:1/4;
grid-row:1/6;
width: 100%;
  height:100%;
 
}
.header1 h1{
    grid-column:2/3;
    grid-row:1/3;
    color: rgb(252, 254, 255);
    border-radius:2% ;
    font-size: 40px;
    font-family:'Times New Roman', Times, serif;
}

.header1 p{
    grid-column:2/3;
    grid-row:4/5;
    background-color: #160e55;
    color: rgb(255, 255, 255);
    border: 2px solid #000;
    border-radius: 20px;
    padding: 5px;
    font-family:Georgia, 'Times New Roman', Times, serif;
    
    
}
strong{

color: #1c2db0;

}

.section1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr ;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    background-color: rgba(69, 71, 73, 0.578);
    height:80vh;
}
.section1 p{
    grid-column:3/4;
    grid-row:2/3;
    margin:3%;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #fff;
}
.section1 img{
    grid-column:1/2;
    grid-row:2/3;
    height: 300px;
    width: 400px;
    border-radius:30px;
}


.section2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr ;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    background-color: rgb(254, 255, 255);
    height:80vh;
}
.section2 img{
    grid-column:3/4;
    grid-row:2/3;
    height: 300px;
    width: 400px;
    border-radius:30px;
}
.section2 p{
    grid-column:1/2;
    grid-row:2/3;
    margin:3%;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #020101;
}
.section3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr ;
    grid-template-rows: 1fr 1fr 1fr;
    background-color: rgba(69, 71, 73, 0.578);
    height:80vh;
}
.section3 img{
    grid-column:1/2;
    grid-row:2/3;
    height: 300px;
    width: 400px;
    border-radius:30px;
}
.section3 p{
   grid-column: 3/4;
   grid-row:2/3;
   font-family: Georgia, 'Times New Roman', Times, serif;
   color: #fff;
}

.section4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr ;
    grid-template-rows: 1fr 1fr 1fr;
    background-color: rgb(255, 255, 255);
    height:80vh;
}
.section4 img{

    grid-column:3/4;
    grid-row:2/3;
    height: 300px;
    width: 400px;
    border-radius:30px;
}
.section4 p {

    grid-column:1/2;
    grid-row:2/3;
    font-family: Georgia, 'Times New Roman', Times, serif;
    margin: 3%;
    color: #000000;

}



.footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 20px;
    bottom: 0;
    width: 97%;
  }
  .footer a {
    color: #fff;
    text-decoration: none;
    margin: 0 10px;
    margin: 10%;
    height: 40vh;
  }
  .footer a:hover {
    text-decoration: underline;
}

.article1{

    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows:  1fr 1fr 1fr 1fr;
    background-color: rgba(108, 111, 114, 0.578);
    color: rgb(14, 15, 15);
    height: 60vh;
   
}

.article1 img{

grid-column:2/4;
grid-row:2/3;
height: 400px;
width: 800px;
border-radius: 5%;
margin: 5%;


}
.article2{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
background-color: rgba(108, 111, 114, 0.578);
color: rgb(14, 15, 15);
height: 80vh;
}



.article2 p{

grid-column:2/4;
grid-row:2/4;
text-align: center;
font-family: Georgia, 'Times New Roman', Times, serif;


}

.article3{

    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows:  1fr 1fr 1fr 1fr;
    background-color: rgba(108, 111, 114, 0.578);
    color: rgb(14, 15, 15);
    height:80vh;
   
}

.article3 img{

grid-column:2/4;
grid-row:2/3;
height: 400px;
width: 800px;
border-radius: 5%;
margin: 5%;
}

.article4{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    background-color: rgba(108, 111, 114, 0.578);
    color: rgb(14, 15, 15);
    height: 80vh;
    }
    
    
    
    .article4 p{
    
    grid-column:2/4;
    grid-row:2/4;
   
    font-family: Georgia, 'Times New Roman', Times, serif;
    
    
    }