body {
    height: auto;
    background: #272727;
}

/* --- EVENTS --- */
.G-events {
    width: 100%;
    max-width: 630px;

    box-sizing: border-box;

    margin: 0 auto;
    padding: 50px 20px;
}
.G-events.no_event {
    max-width: 1200px;
}
.G-events h1 {
    margin-bottom: 50px;

    font-family: 'Homestead', sans-serif;
    text-align: center;
    font-size: 26px;
    color: #ffffff;
}
.G-events .event {
    display: block;

    margin: 15px 0;
    padding: 20px 40px;

    background: #ffde00;

    font-family: 'Homestead', sans-serif;
    color: #333333;

    transition: background .2s;
}
.G-events .event:hover { background: #ffe432; }
.G-events .event:nth-child(4n+3) { background: #71d6ec; }
.G-events .event:nth-child(4n+3):hover { background: #8eebff; }
.G-events .event:nth-child(4n+4) { background: #82ec71; }
.G-events .event:nth-child(4n+4):hover { background: #9dff8d; }
.G-events .event:nth-child(4n+5) { background: #fe7373; }
.G-events .event:nth-child(4n+5):hover { background: #ff8888; }
.G-events .event h2 {
    font-size: 25px;
}
.G-events .event .date {
    font-size: 15px;
}


/* no event */
.G-events .no_event {
    font-family: 'Homestead', sans-serif;
    text-align: center;
    font-size: 40px;
    color: rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 650px){
    .G-events .no_event { font-size: 30px; }
    .G-events .event { padding-left: 25px; padding-right: 25px; }
}