* {
    /*  outline: 1px dashed #ccc; */
}

.year {
    font-style: italic;
    font-size: 3.8em;
    font-weight: bold;
    color: #D4B69B;
    margin: 0;
}

.year.highlight-primary {
    color: #EF3F3B;
}

.left-wing {
    border-right: 1px solid #D4B69B;
    text-align: right;
}

.right-wing {
    text-align: left;
}

ul.event-list {
    margin: 3.8em 0 0;
    padding: 0;
    color: #6A6666;
}

.right-wing ul.event-list li::before {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: -21px;
    color: #D4B69B;
}

.left-wing ul.event-list li::after {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: -21px;
    color: #D4B69B;
}

.right-wing ul.event-list li {
    display: block;
    position: relative;
    padding: 0px 0px 0px;
    margin: 0px 0px;
}

ul.event-list h3 {
    font-size: 1.2em;
    font-weight: bold;
}

.event-block div {
    padding-top: 60px;
}

.event-block:first-child div {
    padding-top: 0;
}

ul.event-list {
    display: block;
    position: relative;
}

.year-spacer {
    display: block;
    height: 3.8em;
}

ul.event-list.no-top {
    margin-top: 0;
}

.right-wing img.event-thumbnail.double {
    float: left;
    width: 48%;
    margin: 1%;
}
ul.event-list li {
    display: block;
    position: relative;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .left-wing {
        width: 48%;
        float: left;
    }

    .right-wing {
        width: 48%;
        float: left;
    }
}

@media screen and (max-width: 480px) {
    .left-wing {
        width: 100%;
        border-right: none;
        text-align: left;
    }

    .right-wing {
        width: 100%;
        text-align: left;
    }

    ul.event-list {
        margin-top: 0px;
    }

    ul.event-list h3 {
        margin: 0;
        padding: 0em 0;
    }

    .right-wing ul.event-list li::before {
        top: 18px;
        position: relative;
    }

    .left-wing ul.event-list li::after {
        content: "\f111";
        font-family: FontAwesome;
        position: absolute;
        top: 14px;
        left: -21px;
        color: #D4B69B;
    }

    ul.event-list li {
        display: block;
        position: relative;
        clear: both;
        padding-top: 15px;
    }

    .event-block div {
        padding-top: 0;
        clear: both;
    }
    .year {
        font-size: 2em;
        padding-top: 1em;
        border-bottom: 1px solid #D4B69B;
        margin: 0 0 0 -15px;
        padding-left: 16px;
        padding-bottom: 7px;
    }

    .infographic {
        border-left: 1px solid #D4B69B;
    }

    img.event-thumbnail {
        margin: 10px 0px 10px;
    }
    h2.year.latest {
        padding-top: 14px;
    }
}