@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap');

body {
    background-color: #E2E2E2;
}

.header {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #541c6e;
}

.hero {
    padding-top: 2rem;
    background: #541c6e; 
    background: -moz-linear-gradient(top,  #541c6e 0%, #541c6e 75%, #47135e 75%, #47135e 100%);
    background: -webkit-linear-gradient(top,  #541c6e 0%,#541c6e 75%,#47135e 75%,#47135e 100%); 
    background: linear-gradient(to bottom,  #541c6e 0%,#541c6e 75%,#47135e 75%,#47135e 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#541c6e', endColorstr='#47135e',GradientType=0 );

}

.bg {
    background-color: transparent;
}

@media screen and (min-width: 64em) {
    .bg {
        background-image: url(../assets/img/star-burst2.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size:cover ;
    }

}

.hero h1 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    line-height: 100%;
    color: #f3d880;
}
.hero h4 {
    font-family: 'Ubuntu', sans-serif;
    color: #FFF;
    padding-bottom: 1rem;
}
.hero h4 span {
    text-decoration: underline #f3d880;;
    font-family: 'Ubuntu', sans-serif;
    color: #FFF;
}

.vertical-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .subhero {
    padding-bottom: 2rem;   
    background-color: #46125d;
  }
  .subhero p {
    color: #FFF;
  }
  .subhero img {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }

  .content {
    padding-top: 3rem;
    background-color: #FDD02F;
  }
  .content h1 {
    line-height: 120%;
    font-family: 'Ubuntu', sans-serif;
    color: #3a0f4f;
    font-weight: bold;
  }
  .content h5,p {
    margin-top: 2rem;
    font-family: 'Ubuntu', sans-serif;
    color: #3a0f4f;
  }
.content img {
    padding-bottom: 1rem;
}
.content a {
  margin-top: 2rem;
  color: #3a0f4f!important;
  border: 1px solid #3a0f4f!important;
  border-radius: 6px;
  font-weight: bold;
}

.content a:hover {
  background-color: rgba(0, 0, 0, 0.08)!important;
}



.card-box {
  background-color: #47135e;
  width: 100%;
  border-radius: 8px;
  padding: 2rem;
}
  .card-txt {
    background-color: rgba(158, 110, 180, 0.2);
    border: 1px solid #898989;
    border-radius: 6px;
    padding: 2rem;
  }

  .card-dados {
    font-family: 'Ubuntu', sans-serif;
  
    margin-bottom: 3rem;
    width: 100%;
    background-color: #FFF;
    padding: 1rem;
    box-shadow: 10px 15px 10px -9px rgba(0, 0, 0, 0.08);
  }
.card-dados img {
    margin-bottom: 2rem;
}
  .card-dados h3 {
    color: #3E0F53;
    font-family: 'Ubuntu', sans-serif;
    line-height: 100%;
    font-weight: bold;
  }



  .subfooter {
    padding-top: 2rem;
    padding-bottom: .5rem;
    background-color: #242424;
  }
  
  .subfooter p {
    line-height: .7rem;
  }
  
  .subfooter p small {
    color: #AAAAAA;
    font-size: .6rem;
  }

  .gf {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdd02f+0,fdd02f+19,47135e+19,47135e+19,47135e+100 */
background: #fdd02f; /* Old browsers */
background: -moz-linear-gradient(top,  #fdd02f 0%, #fdd02f 19%, #47135e 19%, #47135e 19%, #47135e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fdd02f 0%,#fdd02f 19%,#47135e 19%,#47135e 19%,#47135e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fdd02f 0%,#fdd02f 19%,#47135e 19%,#47135e 19%,#47135e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd02f', endColorstr='#47135e',GradientType=0 ); /* IE6-9 */

  }

  .gf p {
    color: #FFF;
  }