.concerts {
    padding-bottom: 50px;
}

.concerts-title {
    padding: 50px 0px;
    font-size: 36px;
    font-weight: 200;
}
.concert {
    position: relative;
    padding: 20px 0px;
    border-bottom: 1px solid #aaaaaa;
}

/* ============== Concert when ============== */
.concert-when {
    width: 50%;
    font-size: 24px;
}
.concert-date, .concert-month, .concert-year, .concert-day {
    display: inline-block;
    padding-bottom: 10px;
    font-weight: 200;
}
.concert-date {
    font-weight: 500;
}
.concert-month {
    font-weight: 500;
}
.concert-pipe {
    font-size: 16px;
    font-weight: 400;
    color: #ff0000;
}
.concert-time {
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    padding-left: 10px;
}

.concert-where {
    font-size: 20px;
    font-weight: 200;
    max-width: 90%;
}
.concert-city, .concert-country {
    display: inline-block;
    font-weight: 400;
}
.concert-city {
    color: #ff0000;
}
.concert-place {
    font-size: 16px;
    padding: 5px 0px;
    font-weight: 300;
}
.concert-place a {
    color: #000;
}




.concert-actions {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(-0%, -50%);
    user-select: none;
}
.concert-tickets, .concert-rsvp {
    display: inline-block;
}
.concert-tickets a {
    color: #000;
    padding: 5px 10px;
    margin-left: 20px;
    border: 1px solid #000;
}
.concert-rsvp a {
    color: #000;
    padding: 5px 10px;
    margin-left: 20px;
    border: 1px solid #000;
}

.concert-tickets a:hover, .concert-rsvp a:hover {
    border-color: #ff0000;
}