/* Landscape Tablet */

@media (min-width: 1100px) {
    body {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .textRow {
        font-size: 20pt;
        margin-bottom: 20px;
    }

    .firstRow {
        margin-bottom: 35px;
    }

    .btn-start {
        font-size: 25pt;
    }

    .container {
        width: 100% !important;
        height: 855px;
        margin: auto;
        background-image: url(../assets/themeBackground.jpg);
        background-size: cover;
        overflow: hidden;
    }

    .middle {
        height: 780px;
        margin: auto;
    }

    .middleBackground {
        background: rgba(16, 42, 64, 0.9);
        height: 780px;
    }

    .overlay {
        width: 240px;
        height: 150px;
        top: -150px;
    }

    .cardContainer {
        margin-top: -100px;
        margin-bottom: 130px;
    }
}

/* End Tablet CSS */

@media (min-width: 1700px) {
    html {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .middleBackground {
        height: 860px;
    }

    .middle {
        height: 733px;
    }

    .container {
        height: 940px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .row {
        top: -620px;
    }

    .overlay {
        width: 335px;
        height: 190px;
        margin-top: -42px;
    }

    .btn-start {
        width: 200px;
        height: 60px;
        margin-top: 0px;
        font-size: 40px;
        box-shadow: 0px 3px 6px #333;
    }
}

@media (min-width: 1900px) {
    body{
        height: 100%;
        width: 100%;
        overflow: hidden;
    }
    .middleBackground {
        height: 1085px;
        background-position: top;
    }

    .middle {
        height: 1085px;
    }

    .container {
        height: 1085px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .row {
        top: -720px;
    }

    .overlay {
        width: 380px;
        height: 210px;
        margin-top: -62px;
    }

    .btn-start {
        width: 200px;
        height: 80px;
        margin-top: 30px;
        font-size: 50px;
        box-shadow: 0px 3px 6px #333;
    }
}