/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/


a {
  color: #28a745;
}

a:hover {
  color: #51cdbe;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;
}


/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

#box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

#hero h1 {
  //margin: 0;
  font-size: 48px;
  font-weight: 700;
  //line-height: 56px;
  color: #fff;
}



#hero h2 {
  color: #6f6f6f;
  //margin: 10px 0 0 0;
  font-size: 22px;
}


@media (max-width: 992px) {
  #hero h1 {
    font-size: 28px;
    //line-height: 36px;
  }
  #hero h2 {
    font-size: 18px;
    //line-height: 24px;
  }
}