body, html {
    height: 100%;
    overflow-x: hidden;
    font-family: Avenir Next,Avenir,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
}

table.division1 {
  width: 100%;
}
table.division1 tr {
  width: 100%;
}
table.division1 td {
  width: 50%;
}
/* 
/* The hero image
.hero-image {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read
  background-image: url("img/saihome_background.png");

  /* Set a specific height
  height: 50%;

  /* Position and center the image to scale nicely on all screens
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Place text in the middle of the image 
.hero-text {
  text-align: left;
  position: absolute;
  top: 50%;
  left: 25%;
  transform: translate(-50%, -50%);
  color: black;
}

.about {
    padding-top: 2%;
    width: 100%;
    table-layout: auto;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

.about p {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    text-align: justify;
  }
  .about h1 {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
  }

 .cardimg {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    width: 7em;
 }


.features {
    text-align: center;
    padding-right: 2em;
    float: left;
    margin-left: 9em;
    width: 7em;
}

#featuresection{
    background-color: #e2e2e2;
    
} */