body {
  color: #6E27AC;
}

/*-----     HEADER     -----*/

.date-header {
  color: #E106AA;
  background-color: #6E27AC;
}

.hero {
  background-color: #6E27AC;
}

h1 {
  color: #E106AA;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  flex-flow: column;
  -ms-align-items: center;
  align-items: center;
  padding: 30px 0 0 0;
}

h1 span:first-of-type {
  font-size: 4rem;
  line-height: 3rem;
}

h1 span:last-of-type {
  font-size: 2rem;
}



/*-----     CONTENT     -----*/

.chamfer {
  background: url(../_images/chamfer_purple.png);
  -webkit-background-size: 100% 100%;
}

.o_todos_los_dias h2,
.o_todos_los_dias .amen,
.list h2 {
  color: #E106AA;
}

.o_todos_los_dias h2 {
  padding-top: 100px;
  background: transparent url(../_images/down_arrow.svg) center 35px no-repeat;
  -webkit-background-size: 30px;
  background-size: 30px;
}

h2 {
  padding-top: 40px;
}


/*-----     FOOTER     -----*/

.next.down {
  background: transparent url(../_images/chamfer_white_o_pink.png) top center no-repeat;
  -webkit-background-size: 100% 100%;
}



/*-----     ALMOST     -----*/

.almost {
  position: relative;
}

.almost .right {
  width: 100vw;
  height: 60vh;
  min-height: 250px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  flex-flow: column;
  color: white;
  background-color: #6E27AC;
}

.almost .right span:first-of-type {
  font-family: "Avenir Next UltraLight", sans-serif;
  font-size: 1.7rem;
  margin-top: .7rem;
}

.almost .right span:nth-of-type(2) {
  font-family: "Avenir Next Condensed UltraLight", sans-serif;
  font-size: 5rem;
  line-height: 4rem;
  padding: 0;
}

.almost .right span:last-of-type {
  font-family: "Avenir Next UltraLight", sans-serif;
  font-size: 1.7rem;
}


.almost #pie {
  width: 100vw;
  height: 60vh;
  min-height: 250px;
  position: absolute;
  left: 0;
  top: 0;
}



/*-----     ALL     -----*/

#all {
  display: none;
}