@font-face {
  font-family: gothamBook;
  src: url(../fonts/Gotham-Book.otf);
}

@font-face {
  font-family: gothamMedium;
  src: url(../fonts/Gotham-Medium.otf);
}

@font-face {
  font-family: gothamBlack;
  src: url(../fonts/Gotham-Black.otf);
}

.main-container{
  margin-top: 0px;
}

.bg-mujeres-protagonistas-lpurple {
  background-color: #69425a;
}

h2{
  font-family: gothamBlack;
  color: #fffbf0;
}

h3{
  font-family: gothamBlack;
  font-size: 1.25rem;
  color: #cf6285;
}

.mujeres-protagonistas-text{
  font-family: gothamBook;
  color: #fffbf0;
  font-size: 1rem;
}

.date-label{
  font-family: gothamMedium;
  font-size: 1.25rem;
  color: #fffbf0;
}

.div-mujeres-protagonistas-form{
  padding: 2rem 2rem 6rem 2rem;
}

.form-control{
  background-color: #fffbf0 !important;
  border-radius: 0px !important;
}

.form-outer-border{
  padding: 0 0.25rem 0.25rem 0;
  border-radius: 0px;
  border-style: none solid solid none;
  border-width:thin;
  border-color: #fffbf0;
}

.btn-mujeres-protagonistas{
  font-family: gothamBlack;
  font-size: 1.75rem;
  color: #fffbf0;
  background-color: #cf6285;
  border-radius: 0.75rem;
  letter-spacing: 0.15rem;
}

.footer{
  height: 100px;
  font-family: gothamMedium;
  font-size: 0.75rem;
  color: #69425a;
  background-color:#cf6285 !important;
}

@media (min-width: 600px) {
  .banner-text{
    display: block;
  }
  .banner-notext{
    display: none;
  }
}

@media (max-width: 600px) {
  .banner-text{
    display: none;
  }
  .banner-notext{
    display: block;
  }
}
