body {
font-size: 20px;
max-width: 60em;
}
.row {
display: flex;
.col-1 {
flex: 60%;
padding-right: .5em;
.col-2 {
flex: 40%;
padding-left: .5em;
ul {
list-style: none;
margin: 0;
padding-left: 15px;
li {
li.event {
padding: .8em 0 .8em 2.3em;
margin-left: 1.25em;
border-left: 2px solid;
.li {
.fab {
order:1;
background-color: rgba(200,520,266,.75);
border-color: #b4b4b4;
width: 50px;
.title, .description {
order:2;
background-color: rgba(145,223,0,.75);
border-color: transparent;