@import url("https://fonts.googleapis.com/css?family=Roboto:300i,400,500,700&display=swap");

body {
  padding-top: 105px;
  color: #474a4d !important;
  font-family: "Roboto", sans-serif !important;
}
.logo {
  width: 140px;
}

.navbar-colourup .navbar-nav .nav-link {
  color: #474a4d;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 600;
}
.navbar-light .navbar-toggler {
  border-color: rgba(0, 0, 0, 0);
}
.navbar-colourup button:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}

.carousel-item {
  height: 100%;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.hero__index {
  padding: 8rem 2rem !important;
  background-image: linear-gradient(
      rgba(223, 44, 82, 0.5),
      rgba(31, 20, 15, 0.5)
    ),
    url(../img/2.jpg);
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero__index .text {
  text-align: center;
  color: white;
}
#video-player {
  width: 100%;
  height: 750px;
}
.portfolio-item {
  margin-bottom: 30px;
}

.sobre_nosotros__hero {
  background-image: url(../img/nosotros.jpg);
  padding: 8rem 0rem;
  color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  background-color: #00000057;
  text-align: center;
}
.sobre_nosotros__hero h2 {
  font-weight: bold;
}
.diseno__hero {
  background-image: url(../img/diseno_hero.jpg);
  padding: 8rem 0rem;
  color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  background-color: #00000057;
  text-align: center;
}
.diseno__hero h2 {
  font-weight: bold;
}
.subimacion_calandra__hero {
  background-image: url(../img/calandra.jpg);
  padding: 8rem 0rem;
  color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  background-color: #00000057;
  text-align: center;
}
.subimacion_calandra__hero h2 {
  font-weight: bold;
}
.telas__hero {
  background-image: url(../img/tela.jpg);
  padding: 8rem 0rem;
  color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  background-color: #00000057;
  text-align: center;
}
.telas__hero h2 {
  font-weight: bold;
}
.contacto__hero {
  background-image: url(../img/contacto_hero.jpg);
  padding: 8rem 0rem;
  color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  background-color: #00000057;
  text-align: center;
}

.contacto__hero h2 {
  font-weight: bold;
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.display-3 {
  line-height: 1;
}
.display-5 {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.card-title {
  margin-bottom: 0.5rem !important;
}
.container-38 {
  margin: auto;
  max-width: 38em;
  text-align: center;
}
.title-section::after {
  width: 70px;
  height: 4px;
  background: #b3dbdc;
  clear: both;
  margin: auto;
  content: "";
  display: block;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .logo {
    width: 80px;
  }
  body {
    padding-top: 69px;
  }
  .display-5 {
    font-size: 2rem !important;
  }
  .display-3 {
    font-size: 3.5rem !important;
  }
  #video-player {
    height: 400px;
  }
  .video-player_font {
    font-size: 15px !important;
  }
}