style.css

body{
  /*background-color:rgb(94, 193, 63)*/
}
p{
  font-size: 16px;
}
main{
  margin: 10%;
  margin-top:10%;
  background-color:white;
}
.section{
  display: grid;
  grid-template-columns: 60% 40%;
  grid-template-areas: "left right";
  grid-gap: 10px 30px;
  /*        row  col */
  padding-bottom: 20px;
  padding-top: 20px;
  background-color:white;
}
.section div{
  border-bottom: 1px solid gray;
}
.single-section{
   background-color: white;
  padding-bottom: 20px;
  padding-top: 20px;
}
.single-section div{
  border-bottom: 1px solid gray;
}
#firstsec{
  padding-bottom: 0px!important;
  padding-top: 0px!important;
}
#teamphoto{
  display:block;
  margin:auto;
  width: 50%;
  height: auto;
  margin-bottom: 5%;
}
#introp{
  font-size: 20px;
}
#weare{
  display: flex;
  justify-content: center;
  align-items: center;
}
#icons{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#icons a{
  padding:2px;
  color:black;
}
#twitter{
  text-align:center;
}
#calendar-container{
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 2%;
}
/* for mobile and smaller screens */
@media (max-width: 800px){
  .section{
    display: flex;
    flex-direction: column;
  }
}