section.title{
background: #C22A39;
min-height:50vh;
position:relative;
}
section.title > p {
 font-size: 4em;
 position: absolute;
 left: 0;
 top: 33%;
 width: 100%;
 text-align: center;
 color:white;
}
a.cal{
 max-width:720px;
 display:block;
 margin:25px auto;
}

section.month{
  max-width: 720px;
  margin: 25px auto;
  justify-content: space-between; 
  -webkit-justify-content: space-between; 
}

div.spacer{ 
  flex:4;
  margin:auto;
  background-color:black;
  height:1px;
}

p.month{
 flex:3;
 font-weight: bold;
 font-size: 1.5em;
 margin:auto;
 text-align: center;
 text-transform: capitalize;
}

section.event{ 
 justify-content: space-between; 
 -webkit-justify-content: space-between; 
}


article.data{ padding:10px;}
article.more{
 position:absolute;
 right: 3%;
 top: 75%;
 text-align: center;
 color:white;
 font-size:1.5em;

}
article.image{
  position:relative;
}
img.small{
  max-height:180px;
}
p.date{
 font-size: 1.4em;
 margin:auto;
 }
p.city{
 font-weight: bold;
 font-size: 1.7em;
 margin:auto;
 color:#C22A39;
}
p.place{
 font-size: 0.7em;
 font-style: italic;
 font-weight:lighter;
 margin:10px auto;
 color:#C22A39;
 display:inline;
}
p.dir{
 font-size: 0.7em;
 font-style: italic;
 font-weight:lighter;
 margin:10px auto;
 display: -webkit-inline-flex;
 display: -ms-inline-flexbox;
 display: inline-flex;
 max-width:380px;

}
p.name{
 font-size: 1em;
 margin:10px auto;
}
a.cal,
a.cal:visited,
a.cal:link,
a.cal:active,
a.cal:hover{ color:black;
text-decoration:none; }
