/*=============================
 * -----------Banner------------
 * =============================*/

#banner{
  width:100%;
  height:72vh;
  background: rgba(22,181,115,1);
  background: -webkit-gradient(left top, right bottom, color-stop(rgba(22,181,115,0.87)), color-stop(rgba(24,185,165,0.87))), url(https://www.nethosted.co.uk/img/nhbg.png);
  background: linear-gradient(135deg, rgba(22,181,115,0.87), rgba(24,185,165,0.87)), url(https://www.nethosted.co.uk/img/nhbg.png);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16b573', endColorstr='#18b9a5', GradientType=1 );
  overflow:hidden;
}

#banner-people {
  max-width:1280px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

#banner-people .person{
        position:relative;
        width:25%;
        height:13.3vw;
}

#banner-people .person .person-bubble{
        width:13.3vw;
        height:13.3vw;
        border:solid 0.15em rgba(255,255,255,0.5);
}

#banner-people .person .person-bubble img{
        width:100%;
        left:0%;
        height:auto;
        display:block;
        position:absolute;
        bottom:20%;    
}

/*=============================
 * -----------General------------
 * =============================*/

section#content{
  padding-bottom:0;
  position:relative;
  z-index:0;
}

a.btn.large{
  padding:16px 32px;
  font-size:1.4em;
  margin-top:15px;
}


#banner-title h2 {
font-size:1.3em;
padding-bottom:20px;
color: rgba(0, 0, 0, 0.6);
}

.feature h3 {
font-size:2em;
}

.feature-expanded1 {
min-height:340px;
padding-bottom:20px;
}

#banner-title h1 {
font-size:3.5em;
margin-top:40px;
}

a.btn.large.getstartedbtn {
text-align:center;
margin-left: auto;
margin-right: auto;
}