body{
      color:#393d4d;
}
h1{
    font-family: liberation-serif, serif;
    font-weight: 700;
    line-height: 1.5;
    color:#393d4d;
    margin-bottom: 50px;
    margin-top: 50px;
}
h2{
  font-family: liberation-serif, serif;
  font-weight: 700;
}
h3{
  font-family: liberation-serif, serif;
  font-weight: 700;
  line-height: 2;
  color:#393d4d;
}
p{
  font-family: liberation-sans, sans-serif;
  font-weight: 400;
}
#top-container{
  text-align: center;
}

.navbar{
  padding-left: 10%;
  padding-right: 10%;
  font-size: 1.3rem;
}
.nav-item{
  padding: 0 20px 0 20px;
  font-family: liberation-serif, serif;
  font-weight: 700;
  color:#393d4d;
}

.intro-text{
    padding: 0 20% 10% 20%;
}

#about{
  color: white;
  padding: 5% 10%;
  background-color: #5d5d5d;
}

.img-report{
  width:150px;
}

.img-highRise{
  border-radius: 2%;
  padding-right: 50px;
}

.img-computer{
  border-radius: 2%;
  padding-left: 50px;
}

.img-container{
  text-align: center;
  margin: auto;
}

.img-assessment{
    width:150px;
}

.featurette-divider{
  width:80%;
  margin: 100px auto 100px auto;
}

.featurette{
    text-align: left;
    display: flex;
    align-items: center; /* Vertical center alignment */
}

#contact{
  padding: 5% 10%;
  text-align: center;
}

.form-control{
  margin-bottom: 20px;
}

.text-center{
  margin: auto 0 auto 0;
}

.button{
  background-color:  #5d5d5d;
  margin-bottom: 50px;
}


.icon{
    color:#393d4d;
}