body {
    font-family: Arial, Helvetica, sans-serif;
}

ul {
    font-family: Arial, Helvetica, sans-serif;
}

banner_section {
  text-align: center;
  background-color: #e15e07;
  width: 100%;
}

.background-Gradient {
    background: linear-gradient(to bottom, Orange, white);
    color: black;
}

.center {
  display: block;
  margin-left: 400px;
  margin-right: auto;
  width: 50%;
  img {
    height: 200px;
    width: 1200px;
  }
}

.grid-content{
    display: grid;
    grid-template-columns:  repeat(2, 320px 1fr);
    grid-template-rows: auto;
    grid-gap: 10px;
    img {
            width: 60%;
            width:320px;
            height:240px;  
            object-fit: cover;
        }
}

.project-grid-content{
    display: grid;
    grid-template-columns: repeat(1,400px 1fr);
    grid-gap: 10px;
     img {
            width:400px;
            height:320px;
        }   


}
.proj-grid-content{
    display: grid;
    grid-template-columns: 500px, 800px, 10px;
    grid-template-rows: auto;
    grid-gap: 20px;
    img {
            width: 100%;
            width:500px;
            height:300px;
            object-fit: cover;
        }
}

.fac-grid-content{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: auto;
    justify-content: left;
    grid-gap: 20px;
    img {
            width: 60%;
            width:250px;
            height:350px;
            object-fit: cover;
        }
}

.student-grid-content{
    display: grid;
    grid-template-columns: repeat(8,1fr);
    grid-template-rows: auto;
    justify-content: left;
    grid-gap: 20px;
    img {
            width: 60%;
            width:150px;
            height:250px;
            object-fit: cover;
        }
}