.nav-link:hover {
  color: #dc3545 !important;
}

.skew {
  background-color: #dc3545;
  height: 100px;
  width: 350px;
  position: absolute;
  top: 0;
  left: 0;
  transform: skew(-20deg);
}

.rectangle {
  background-color: #dc3545;
  height: 100px;
  width: 200px;
  position: absolute;
  top: 0;
  left: 0;
}

.absolute-position {
  position: absolute;
}

#section-hero {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../img/mobile-reparing.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  min-height: 100vh;
}

.heading-hero {
  font-family: "Roboto Condensed", sans-serif;
}

.text-justify  {
  text-align: justify;
}