.bg-custom {
  background-color: #042435;
}

.navbar-nav {
  text-align: center;
}

.navbar-custom .navbar-nav .nav-link {
  font-weight: bolder;
  color: white;
}

.navbar-custom .navbar-nav .nav-link:hover {
  color: #b1f3ef;
}

body {
  margin: 0;
  padding: 0;
}

main {
  padding: 2% 4%;
  background-color: white;
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
}

.slogan {
  max-width: 550px;
  font-size: 40px;
  font-weight: bolder;
  color: #1896a7;
  margin-left: 100px;
}

.texto{
  color: black;
  font-size: 20px;
  font-weight: normal;
}

.imagem {
  max-width: 100%;
  margin-left: 20px;
  margin-right: 150px;
}

.entrar {
  margin-top: 25px;
  padding: 10px 20px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  border: none;
  background-color: #34c0d3; 
  color: #fff;
  cursor: pointer; 
  border-radius: 5px; 
  transition: background-color 0.3s ease;
}

.entrar:hover {
  background-color: #1896a7;
}

@media screen and (max-width: 767px) {
  .slogan {
    font-size: 100%;
    font-weight: bolder;
    padding: 6%;
    max-width: 100%;
    position: relative;
  }
}