.banner-container 
{
    padding-top: 6rem !important;
    padding-bottom: 3.5rem !important;
}

.banner-image
{
    position: relative;
    top: -40px;
    max-height: 300px;
}

.banner-intro-txt {
    font-size: 1.2em;
}

.centering-container {
        display: flex;
        justify-content: center;
        align-items: center;
}

/* CARDS */

.card-container {
    margin-bottom: 1.3em;
}

.card {
    border: none !important;
}

.card-header {
    border-collapse: collapse !important;
    border-radius: 1em 1em 0em 0em !important;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
}

.card-header a {
    color: #FFF;
    text-decoration: none !important;
}

.card-header h2 {
    margin: 0px;
    padding: 0px;
    font-size: 1.2em;
    letter-spacing: 0.06em;
}

.card-header a:hover {
    color: #FFF;
    text-decoration: none !important;
}

.card-header a:active {
    color: #FFF;
    text-decoration: none !important;
}

.card-header a:visited {
    color: #FFF;
    text-decoration: none !important;
}

.card-body img {
    margin: 0em 1em 1em 0em !important;
}

.card-body {
    background-color: #DAF7FE;
}

.card-body p {
    font-size: 1.2em;
}

.card-footer {
    background-color: #DAF7FE;
    color: #000 !important;
    border-radius: 0em 0em 1em 1em !important;
    border: none;
    padding-bottom: 1.4em;
    text-align: center !important;
}

.skills-taught {
    clear: both;
    font-size: 1.1em !important;
    color: #249AD1 !important;
}

.skills-taught span {
    font-weight: bold;
}

.btn-play-games {
	width: 30%;
    margin: auto;
}

/* Extra Large devices (large desktops, up to 1399px) */
@media (max-width: 1399px) {
}

/* Large devices (desktops, up to 1200px) */
@media (max-width: 1200px) {

    .btn-play-games {
        width: 50%;
        margin: auto;
    }
}

/* Medium devices (tablets, up to 993px) */
@media (max-width: 993px) {

    .btn-play-games {
        width: 70%;
        margin: auto;
    }
}

/* Small devices (mobile, up to 768px) */
@media (max-width: 767.98px) {
    .btn-play-games {
        width: 50%;
    }

    .banner-container {
        padding-top: 3rem !important;
        padding-bottom: 3.5rem !important;
    }
}