.esports-sub-header {
    background-color: #381460;
    background-image: url('../images/esports-match-purple.jpg');
    background-size: cover;
    color: #ffffff;
    padding: 2em;
}

.esports-intro {
    font-size: 110%;
    padding: 4em 2em;
    text-align: center;
}

.esports-intro h3 {
    color: #4c2683;
    font-size: 300%;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-weight: 400 !important;
    font-style: italic;
}

.esports-intro p {
    max-width: 900px;
    margin: auto auto 1em auto;
}

.esports-grey {
    background-color: #e6e6e6;
    background-image: url('../images/esports-pattern-grey.png');
    color: #000000;
    font-size: 110%;
    padding-top: 4em;
    padding-bottom: 3em;
}

.esports-grey h3 {
    color: #4c2683;
    font-size: 250%;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-weight: 400 !important;
    font-style: italic;
}

.esports-black {
    background-color: #0a0a0a;
    background-image: url('../images/esports-pattern-black.png');
    color: #ffffff;
    font-size: 110%;
    padding-top: 4em;
    padding-bottom: 3em;
}

.esports-black h3 {
    color: #ffffff;
    font-size: 250%;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-weight: 400 !important;
    font-style: italic;
}

.esports-orange {
    background-color: #f68b1f;
    background-image: url('../images/esports-pattern-orange.png');
    color: #ffffff;
    font-size: 110%;
    padding-top: 4em;
    padding-bottom: 3em;
}

.esports-orange h3 {
    color: #ffffff;
    font-size: 250%;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-weight: 400 !important;
    font-style: italic;
}

.esports-dark-purple {
    background-color: #381460;
    background-image: url('../images/esports-dark-purple-bg.jpg');
    color: #ffffff;
    font-size: 110%;
    padding-top: 4em;
    padding-bottom: 3em;
}

.esports-dark-purple p a,
.esports-dark-purple li a {
    color: #f68b1f;
}

.esports-dark-purple h3 {
    color: #ffffff;
    font-size: 250%;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-weight: 400 !important;
    font-style: italic;
}

.esports-keyboard {
    background-color: #e6e6e6;
    background-image: url('../images/esports-keyboard-white-bg.jpg');
    background-size: cover;
    color: #000000;
    font-size: 110%;
    padding-top: 4em;
    padding-bottom: 3em;
}

.esports-keyboard h3 {
    color: #4c2683;
    font-size: 250%;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-weight: 400 !important;
    font-style: italic;
}

.esports-paths-container {
    padding-top: 2em;
    padding-bottom: 2em;
}

.container-margin-top {
    margin-top: 2em;
}

.container-margin-bottom {
    margin-bottom: 2em;
}

.container-bottom-stroke >.container > .row {
    border-bottom: 10px solid #eee;
    margin-bottom: 1em;
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .esports-sub-header {
        padding: 4em 2em;
    }
}