@media (min-width: 768px) {
  html {
    font-size: 17px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 720px;
  }
}

h1 {
  font-weight: bold;
}

section,
footer {
  margin-top: 3rem;
}

.bg-header {
  background: url("../images/bg-header.jpg") no-repeat center center scroll;
  background-size: cover;
  height: 24rem;
}

.img-portrait {
  width: 10rem;
  height: 10rem;
  border-radius: 1rem;
}

.bg-lab {
  color: white;
  background: rgba(0, 0, 0, 0.5) url("../images/bg-teaching.jpg") no-repeat
    center center scroll;
  background-size: cover;
  background-blend-mode: multiply;
  height: 36rem;
}

@media (min-width: 1400px) {
  .bg-lab {
    height: 44rem;
  }
}

.bg-software {
  background-size: cover !important;
  height: 16rem;
}

.bg-elasql {
  background: url("../images/software-elasql.jpg") no-repeat center center
    scroll;
}

.bg-vanilladb {
  background: url("../images/software-vanilladb.jpg") no-repeat center center
    scroll;
}

.bg-flora {
  background: url("../images/software-flora.png") no-repeat center center scroll;
}

.card {
  border-radius: 1.25rem;
  overflow: hidden;
}