@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css');

body, a {
  font-family: 'Montserrat', sans-serif;
  color: #fff;
}

a:hover {
  color: #fff;
}

.py-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

#hero a {
  color: #fff;
}

#hero a:hover {
  color: #fff;
  text-decoration: underline;
}

.bg-blue {
  background-color: #005cb9;
}


#group-selector {
  background-color: #005cb9;
  background-image: url('../img/home-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.logo-circle {
  width: fit-content;
  margin: auto;
  padding: 20px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}

#aviso p {
  color: #000;
}

#aviso h2 {
  color: #005cb9;
}

.footer-icons a {
  font-size: 2em;
}

#footer {
  background-color: #005cb9;
}

#footer a,
#footer p {
  color: #fff;
}

.footer-icons a {
  font-size: 2em;
}

@media (min-width: 992px) {
  #group-selector {
    height: 100vh;
  }

  .logo-container {
    height: 20vh;
  }
  .circle-container {
    height: 70vh;
  }

  .footer-container {
    height: 10vh;
  }
}