*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.hero-login{
  background: url(../img/hero-bg.webp);
  background-position: left center;
  background-size: cover;
}
.transp-login {
  width: 100%;
  min-height: 100vh;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(20, 20, 20, .6));
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.hero{
  background: url(../img/hero-bg.webp);
  background-position: left center;
  background-size: cover;
}
.transp {
  width: 100%;
  min-height: 500px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(20, 20, 20, .6));
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.logo{
  max-width: 120px;
}

.contatos{
  background: url(../img/contato.jpg);
  background-position: left center;
  background-size: cover;
}
.contatos .list-group-item{
  background-color: rgba(0,0,0,0);
  border-color: #d3d3d3;
}
.contatos ::placeholder{
  color: #fdfdfd;
}

.img-about{
  max-height: 500px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.img-capa{
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.text{
  font-size: 1.2rem;
}

/** Planos **/
.img-list{
  width: 60px;
}