/* <!-- PRIMARY Velázquez-->




**/ 

.sigmar-regular {
    font-family: "Sigmar", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  .pt-serif-regular {
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .pt-serif-bold {
    font-family: "PT Serif", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .pt-serif-regular-italic {
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .pt-serif-bold-italic {
    font-family: "PT Serif", serif;
    font-weight: 700;
    font-style: italic;
  }
  







html, body. div {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;


}

p {
  color:  #fff;
  font-family: Tahoma, Helvetica, sans-serif;
}

.challenge {
    background-color: #3169b3;
    padding-top: 50px;
    padding-bottom: 25px;
}

.challenge  h1 {
        
    color: #fff;
    font-family: "Sigmar", sans-serif;
    font-size: 4rem;
    line-height: 4.2rem;
    letter-spacing: -.1rem; 
    text-align: left;
    text-transform: none;
    font-weight: 400;
    padding-top: 1px;
    padding-bottom: 5px;
    margin: 0;
}

.challenge h2 {
        
    color: #fff;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 2.2rem;
    letter-spacing: .1rem; 
    text-align: left;
    text-transform: none;
    font-weight: 400;
    padding-top: 1px;
    padding-bottom: 5px;
    margin: 0;
}






.challenge-green {
    background-color: #83bc43;
    padding-top: 50px;
    padding-bottom: 25px;
}

.challenge-green  h1 {
        
    color: #fff;
    font-family: "Sigmar", sans-serif;
    font-size: 4rem;
    line-height: 4.2rem;
    letter-spacing: -.1rem; 
    text-align: left;
    text-transform: none;
    font-weight: 400;
    padding-top: 1px;
    padding-bottom: 5px;
    margin: 0;
}


.challenge-green  h2 {
        
    color: #3169b3;
    font-family: "Sigmar", sans-serif;
    font-size: 4rem;
    line-height: 4.2rem;
    letter-spacing: -.1rem; 
    text-align: left;
    text-transform: none;
    font-weight: 400;
    padding-top: 1px;
    padding-bottom: 5px;
    margin: 0;
}

.challenge-green h3 {
        
    color: #fff;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 2.2rem;
    letter-spacing: .1rem; 
    text-align: left;
    text-transform: none;
    font-weight: 400;
    padding-top: 1px;
    padding-bottom: 5px;
    margin: 0;
}

.challenge-green h4 {
        
    color: #3169b3;
    font-family: "Sigmar", sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: .1rem; 
    text-align: center;
    text-transform: none;
    font-weight: 400;
    padding-top: 25px;
    padding-bottom: 25px;
    margin: 0;
}










/* ANIMATED TEXT */

#spin {
    color:#fff;
  }
  #spin:after {
    content:"";
    animation: spin 10s linear infinite;
  }
  @keyframes spin {
    0% { content:"to pass abortion rights."; }
    10% { content:"to provide universal healthcare."; }
    20% { content:"to lower housing costs."; }
    30% { content:"to tax billionaires."; }
    40% { content:"and 32 years is enough."; }
    50% { content: "to pass abortion rights."; }
    60% { content: "to provide universal healthcare"; }
    70% { content: "to lower housing costs."; }
    80% { content: "to tax billionaires."; }
    100% { content: "and 32 years is enough."; }
  }


  /* ANIMATED TEXT */

#spin-but-spanish {
    color:#fff;
  }
  #spin-but-spanish:after {
    content:"";
    animation: spin-but-spanish 10s linear infinite;
  }
  @keyframes spin-but-spanish {
    0% { content:"para aprobar los derechos del aborto."; }
    20% { content:" para proveer atención médica universal."; }
    40% { content:"para bajar los alquileres."; }
    60% { content: "para cobrar impuestos a los billonarios."; }
    100% { content: " en el Congreso. 32 años es suficiente."; }
  }