body {
    background-image: url('/images/sel/new/trail12/repeating_background.jpg');
    background-repeat: repeat-y;
    background-size: 100% auto;
}

.row-container {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    position: relative;
    min-height: 1035px;
    background-image: url('/images/sel/new/trail12/main.jpg'), url('/images/sel/new/trail12/repeating_background.jpg');
    background-repeat: no-repeat, repeat-y;
    background-position: top center, 0px 700px;
    background-size: 100% auto, 100% 10px;
    position: relative;
}

.buttonSpacing {
    padding-top: 52px;
    font-size: 18px;
    color: transparent;
    user-select: none;
}

.buttonSpacing2 {
    padding-top: 39px;
    font-size: 18px;
    color: transparent;
    user-select: none;
}

.hero-text {
    position: absolute;
    top: 30px;
    width: 100%;
    text-align: center;
    z-index: 2;
    font-family: 'Lucida Calligraphy', cursive;
    color: black;
}

.Title {
    font-size: 30px;
    font-weight: bold;
    font-family: 'Lucida Calligraphy', cursive;
    margin-left: 50px;
}

.body-content-overlay {
    position: relative;
    z-index: 2;
    padding-top: 120px;
    color: black;
}

.mobile-header {
    display: none;
}

.nav-col {
    position: absolute;
    left: 0;
    top: 0;
    width: 16.666%;
    z-index: 100;
}

.content-col {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
}

.span {
    color: transparent;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

a {
    color: transparent;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

ul {
    position: relative;
    z-index: 100;
    padding-left: 0;
    list-style: none;
}

    ul li {
        position: relative;
        z-index: 100;
    }

        ul li a {
            position: relative;
            z-index: 101;
            display: inline-block;
        }


.MovileNav {
    display: none;
}

@media (max-width: 992px) {


    body {
        background-image: url('/images/sel/new/trail12/repeating_background.jpg') !important;
        background-repeat: repeat-y !important;
        background-size: 100% auto !important;
        background-color: #b0e0e8;
        overflow-x: hidden;
    }

    .mobile-header {
        display: block;
        width: 100%;
        background-color: #679a35;
        color: black;
        text-align: center;
        padding: 14px 10px;
        font-family: 'Lucida Calligraphy', cursive;
        font-size: 15px;
        border: 6px solid black
    }

    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        overflow-x: hidden;
    }

    .row-container {
        background-image: none !important;
        background-color: transparent;
        max-width: 100% !important;
        width: 100% !important;
        min-height: unset !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden;
    }

    .nav-col {
        display: none !important;
    }

    .content-col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .d-flex {
        flex-wrap: wrap !important;
    }


    .hero-text,
    .Title,
    .underTitle,
    .buttonSpacing,
    .buttonSpacing2 {
        display: none !important;
    }

    .body-content-overlay {
        padding-top: 16px !important;
        margin-left: 0 !important;
        width: 100% !important;
    }

    .MovileNav {
        display: block !important;
        color: black;
    }
}