.features-boxed {
  color: #313437;
  background-color: #fff;
}

.features-boxed p {
  color: #000;
}

.features-boxed h2 {
  font-weight: bold;
  margin-bottom: 40px;
  padding-top: 40px;
  color: inherit;
}

@media (max-width:767px) {
  .features-boxed h2 {
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 24px;
  }
}

.features-boxed .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto;
}

.features-boxed .intro p {
  margin-bottom: 0;
}

.features-boxed .features {
  padding: 50px 0;
}

.features-boxed .item {
  text-align        : center;
  min-height        : 100px;
}

.features-boxed .item .box {
  text-align        : center;
  padding           : 10px;
  background-color  : #fff; /*feffb6*/
  margin-bottom     : 5px;
  min-height        : 30px;
}

.features-boxed .item .icon {
  font-size             : 10px;
  display               : block;
  margin-top            : 0px;
  margin-bottom         : 0px;
}

.features-boxed .img-icon {
  width                 : auto;
  height                : 90px;
  display               : inline-block;
  margin-top            : 5px;
  margin-bottom         : 5px;
}


.features-boxed .item .name {
  font-weight       : bold;
  font-size         : 16px;
  margin-bottom     : 8px;
  margin-top        : 0;
  color             : inherit;
}

.features-boxed .item .descript {
  text-align        : center;
  padding           : 10px;
  background-color  : #ffd966; /*feffb6*/
  margin-bottom     : 10px;
  min-height        : 170px;
}

.features-boxed .item .description {
  font-size         : 15px;
  margin-top        : 15px;
  margin-bottom     : 20px;

}

.learn-more {
    text-decoration: none;
    color: #ff6600;
}

.learn-more:hover {
    text-decoration     : none;
    color               : #000;
    font-style          : italic;
    font-weight         : bold;
}

.broly {
   padding-right        : 50px;
   padding-top          : 50px;
   padding-bottom       : 50px;
   margin-right         : auto;
}

@media (min-width:768px) {
   .broly {
        padding-right   : 250px;
        padding-top     : 50px;
        padding-bottom  : 50px;
        margin-right    : auto;
    }
}

@media (min-width:768px) {
    .menempatiRuang{
        margin-right: -20px;
        padding-right: -20px;
    }
}



.linkblog{
    color: #000;
}

.linkblog:hover{
    color: #ff6600;
    text-decoration: none;
}

@media (min-width:768px) {
    .absolute{
        position      : relative;
        z-index       : 3;
        margin-top    : -100px;
        margin-bottom : -120px;
        margin-left   : 0px;
    }
}

@media (min-width:768px) {
    .relative{
        position      : relative;
        z-index       : 2;
        margin-top    : -120px;
        margin-left   : 0px;
    }
}