/* containers */
.day_preview {
  padding: 15px;
  margin: 40px -31px 20px -31px;
  overflow: auto;
}
.OrdinaryTime {
  background: #ebffd7;
  border: solid 1px #d0ecc0;
  border-bottom: none;
}
.Advent {
  background: #ebcef0;
  border: solid 1px #b697ba;
}
.Christmas {
  background: #ffc;
  border: solid 1px #e8c709;
}
.Lent {
  background: #ebcef0;
  border: solid 1px #b697ba;
}
.Easter {
  background: #ffc;
  border: solid 1px #e8c709;
}

/* inner elements */
.day_preview p {
  font-size: 13px;
  line-height: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 40px;
  max-width: 775px;
}
.day_preview h1 {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  font-size: 22px;
  line-height: 26px;
}

.OrdinaryTime a {
  color: #7eaa56;
}
.Advent a {
  color: #662d91;
}
.Christmas a {
  color: #e8c709;
}
.Lent a {
  color: #662d91;
}
.Easter a {
  color: #e8c709;
}

.OrdinaryTime h1 {
  color: #7eaa56;
}
.Advent h1 {
  color: #662d91;
}
.Christmas h1 {
  color: #e8c709;
}
.Lent h1 {
  color: #662d91;
}
.Easter h1 {
  color: #e8c709;
}

.day_preview h2,
.day_preview h2 a {
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  margin: 0px 0px 10px;
}

.day_preview img {
  background: #fff;
  display: block;
  float: left;
  padding: 5px;
  margin: 0px 25px 6px 10px;
  height: 100px;
}
.OrdinaryTime img {
  border: solid 1px #c7e1ac;
}
.Advent img {
  border: solid 1px #b697ba;
}
.Christmas img {
  border: solid 1px #ff0;
}
.Lent img {
  border: solid 1px #b697ba;
}
.Easter img {
  border: solid 1px #ff0;
}

/*Smartphones and Phablets*/
@media only screen and (max-width: 650px) {
  .day_preview {
    margin: 40px -20px 20px -20px;
  }
}