*{
  margin: 0;
  padding: 0;
}
header{
  background: url('../img/landing-desktop.jpg');
}
#hero2{
  background: url('../img/laptop2.jpg');
  background-blend-mode: multiply;
  background-position: center;
  background-size: cover;
}

.about {
  padding: 80px 20px;
  
/*  max-width: 1100px;*/
}

.about h2 {
  font-size: 2.2rem;
  margin-bottom: 50px;
  color: #2F4F4F;
  text-align: center
}
.statements{
  background: whitesmoke;
  padding: 30px;
}
#statements{
  
  margin:0  auto;
  margin-top: 50px;
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 25px;
  max-width: 700px;
  
  
}
.about-section {
  border:solid #004080;
  border-radius: 8px;
  gap: 30px;
  width:300px;
  box-shadow: 2px 2px 5px gray;
  background: white;
}
.about-section h1{
  font-size: 2rem;
}
.about-icon {
  
  color: goldenrod;
}

.about-text {
  flex: 1;
}

.about-text h3 {
  font-size: 1.4rem;
  margin-bottom: 10px;
  color: #333;
}

.about-text p,
.about-text ul {
  font-size: 1rem;
  color: #555;
}
.about-section p{
 /* width:350px;*/
  padding: 30px;
  line-height: 25px;
  font-size: 20px;
}
.about-text ul {
  padding: 30px;
  list-style: none;
}
.about-text ul li{
  margin-top: 8px;
  font-size: 20px;
}
.about-text ul i{
  color:dodgerblue;
}
.about-image {
  background: #004080;
  color:white;
  font-size: 30px;
  display: flex;
  padding: 10px;
  align-content: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.about-image h1{
  font-size: 26px;
}
  
.about-image i{
  font-size: 30px;
  color:gold
}
/**/
#background{
  display: flex;
  width:fit-content;
  margin:  auto;
  /*justify-content:;*/
  
}
#background h1{
  color:goldenrod;
    margin-bottom: 10px;
}
#background img{
  width:350px;
  object-fit: contain;
  
}
#background div{
  width:400px;
  padding: 10px;
  margin-right: 25px;
}
#background p{
  line-height: 27px;
  font-size: 20px;
  text-align: justify;
}
#goals{
  width:700px;
  margin: 0 auto;
  margin-bottom: 50px;
  
}
@media(max-width:800px){
  #background{
  display: block;
  }
  #background img{
    display: block;
  width:300px;
  margin: auto;
    
}
#background div{
  width:90vw;
  padding: 20px;
  margin: auto;
}
  #goals{
  width:350px;
}