body {
  font-family: Lora,Helvetica Neue,Helvetica,Arial,sans-serif;
  position: relative;
  color: #fff;
  background-color: rgba(152,165,192,0.1);
  width: 100%;
}

#mainNav {
  background-color: transparent;
}


.masthead{
  height: 100vh!important;
  background-image: url('../img/terris-top.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.masthead .intro-body {
  display: table-cell;
  vertical-align: middle;
  background: linear-gradient(90deg, rgba(152,165,192,0.7) 0%, rgba(118,136,187,0.7) 33%, rgba(83,108,181,0.7) 66%, rgba(39,64,142,0.7) 100%);
}


.btn-circle:focus, .btn-circle:hover {
  color: #fff;
  outline: none;
  background: hsla(0,0%,100%,.1);
  top: 80px;
}

#about .service-item{
  margin-top: 60px;
}

#about .service-item-info{
  margin:15%;
}

#why-us {
  background: linear-gradient(90deg, rgba(152,165,192,1) 0%, rgba(118,136,187,1) 33%, rgba(83,108,181,1) 66%, rgba(39,64,142,1) 100%, rgba(182,182,184,1) 100%);
}

#why-us .list-group-item span{

font-size: 30px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  background-color: inherit;
  border: 1px solid rgba(0,0,0,.125);
}

.blue-text {
  color: #122c89;
}

.fixed-top.navbar-shrink {
  /* background-color: #fff!important; */
  /* color: #000; */
  background-color: rgba(83,108,181,1)!important;
}

.fixed-top.navbar-shrink.nav-link a {
  color: #000!important;
}

#mainNav .navbar-toggler {
  font-size: 14px;
  padding: 11px;
  color: #000;
  border: 1px solid #fff;
}

@media (min-width:992px) {
  .content-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}


@media (min-width:768px) {
  .masthead .intro-body .brand-heading {
    font-size: 55px;
    margin-top: 50px;
  }
}

@media (max-width:768px) {

  .masthead .intro-body {
    display: block;
    /* vertical-align: middle; */
   margin-top: -17em;
   height: 204%;
  }
  .masthead .intro-body .tagline {
    margin-top: 40%;
  }
}

@media (max-width:480px) {
  #about{
    position: relative;
    width: 423px;
  }
  .masthead .intro-body {
   height: 215%;
  }
  #about .service-item{
    margin-top: 80px;
  }
  #about .service-item-info{
    margin:3%;
  }
  #why-us .list-group-item span{

    font-size: 18px;
    }
}

@media (max-width:420px) {
  #about,#why-us,.getintouch,#my-footer{
    position: relative;
    width: 423px;
    
  }
}