body {
  font-family: 'Ubuntu', sans-serif;
  color: #08494d;
  background: #b2d9d0;
  background: -moz-linear-gradient(top,  #b2d9d0 0%, #dbece9 100%);
  background: -webkit-linear-gradient(top,  #b2d9d0 0%,#dbece9 100%);
  background: linear-gradient(to bottom,  #b2d9d0 0%,#dbece9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d9d0', endColorstr='#dbece9',GradientType=0 );
  margin-bottom: 3rem;
}
a, a:hover, a:focus {
  color: #08494d;
}
.row {
  margin-bottom: 2rem;
}
.box {
  background: #e9f5f6;
  padding: 30px 25px;
  -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.1);
  box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.1);
}
.box-caption {
  color: #08494d;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -.1rem;
  text-align: center;
  margin: 3rem 0 1rem;
}
.box-overline {
  text-transform: uppercase;
  color: #1e7073;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: .1rem;
}
.box-headline {
  color: #08494d;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -.1rem;
}
.box-description p:last-child {
  margin-bottom: 0;
}
.box-paragraph {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzNi40MTVweCIgaGVpZ2h0PSIzLjk5M3B4IiB2aWV3Qm94PSIwIDAgMzYuNDE1IDMuOTkzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNi40MTUgMy45OTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzA4NDk0RCIgc3Ryb2tlLXdpZHRoPSIxLjA2IiBkPSJNMC4zNDksMS45OTdjMi4yMzItMS45NTUsNi42OTctMS45NTUsOC45MjksMGMyLjIzMiwxLjk1NSw2LjY5NywxLjk1NSw4LjkyOSwwYzIuMjMzLTEuOTU1LDYuNjk3LTEuOTU1LDguOTI5LDBjMi4yMzMsMS45NTUsNi42OTcsMS45NTUsOC45MywwIi8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 2rem;
  margin-bottom: 1rem;
}
.box-paragraph:last-child {
  background-image: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.dis {
  opacity: .3;
}

@media (max-width: 767.98px) {
  #header {
    margin-left: -15px;
    margin-right: -15px;
  }
  .box-caption {
    font-size: 24px;
  }
  .box-headline {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .box-bg {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
  }
  .box-bg img {
    display: none;
  }
}