html {
  scroll-behavior: smooth;
}

h2 {
  font-family: 'Amatic SC', 'cursive';
  font-size: 4rem;
}

p, label, footer span, h5 {
  font-family: 'Oswald';
  font-size: 1.2rem;
}

#fixedZap {
  background-color: rgba(65,190,85,0.95);
  color: rgb(224, 203, 203);
  font-size: 40px;
  position: fixed;
  padding: 10px;
  border-radius: 10px;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
}

#navWrapper {
  background-color:#722f37;
}

.navbar-brand, .brand {
  font-family: 'Amatic SC', 'cursive';
  font-size: 2.5rem;
}

.nav-link {
  font-family: 'Amatic SC', 'cursive';
  font-size: 2rem;
  margin: 0 10px;
}

#headerWrapper {
  background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("img/bg-header.jpg");
}

.header-text {
  font-family: 'Oswald';
  font-size: 3.5rem;
}

#sendForm {
  background-color: rgba(51,65,136,0.80);
}

#aboutWrapper {
  background-color: rgb(231,217,82);
}

#acceptedDonationsWrapper {
  background-color: rgb(252,116,120);
}

#acceptedDonations .card {
  border: 1px solid black;
  background-color: transparent;
}

#partners img {
  max-width: 150px;
}

.partners-text {
  max-width: 490px;
  margin: 0 auto;
  text-align: justify;
}

.yt-icon {
  color : red;
}

.insta-icon {
  color: rgb(122,62,181);
}

#howToWrapper {
  background-color:  #7799d9;
}

#howto p {
  font-size: 1.5rem;
}

#footerWrapper {
  background-color: #722f37;
  color: white;
}

#footerWrapper p {
  margin: 0;
}

#footerWrapper .brand {
  font-size: 50px;
}

#footerInfo * {
  font-size: 18px;
}

@media (min-width: 992px) { 

  #sendForm {
    margin: 0 100px;
  }
  

  .header-text {
    font-size: 4.2rem;
  }

}