header {
  height: 10vh;
  background: #ffffff;
  box-shadow: 0px 6px 15px -10px #000000 !important;
}
header .logo #normal {
  display: flex;
}
header .logo #branco {
  display: none;
}
header .links nav a {
  color: #000;
}

main {
  width: 100%;
  height: auto;
  padding-top: 12vh;
}
main .intro {
  width: 100%;
  height: 20vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1vh;
}
main .intro h1 {
  font-weight: 1000;
  color: #4561d1;
}
main .intro h3 {
  color: rgba(0, 0, 0, 0.9176470588);
}
main .container {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10vh 20vw 10vh 20vw;
  gap: 10vh;
}
main .container .card {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2vh;
  border-radius: 7px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5764705882);
  padding: 3vh 3vh 3vh 1vh;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
main .container .card:hover {
  box-shadow: 0 0 20px #000000;
  background-color: #f3f1f1;
}
main .container .card .logo {
  width: 15%;
  height: 100% !important;
  display: grid;
  place-items: center;
}
main .container .card .content {
  width: 85%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1vh;
}
main .container .card .content h2 {
  color: rgba(0, 0, 0, 0.9176470588);
}
main .container .card .content p {
  text-align: justify;
  color: #333333;
}

@media (max-width: 1100px) {
  main .container {
    padding: 10vh 10vw 10vh 10vw;
  }
}
@media (max-width: 800px) {
  main .container {
    padding: 10vh 0 10vh 0;
  }
  main .container .card {
    transform: scale(0.9);
  }
}
@media (max-width: 650px) {
  main .container .card .logo {
    width: 20%;
  }
  main .container .card .content {
    width: 80%;
  }
}
@media (max-width: 500px) {
  main .container {
    gap: 2vh;
  }
  main .container .card .content p {
    font-size: 10pt !important;
  }
  main .container .card .content h2 {
    font-size: 15pt;
  }
  main .container .card .logo img {
    width: 80px;
  }
}
@media (max-width: 410px) {
  main .container .card .logo {
    width: 12%;
  }
  main .container .card .logo img {
    width: 50px;
  }
  main .container .card .content {
    width: 88%;
  }
}
@media (max-width: 350px) {
  main .container .card {
    padding: 2vh;
  }
  main .container .card .logo {
    display: none;
  }
  main .container .card .content {
    width: 100%;
  }
  main .container .card .content h2 {
    font-size: 12pt;
  }
}

/*# sourceMappingURL=style.css.map */