* {
    box-sizing: border-box;
}
body {
    padding-top: 0;
    /*min-height: 75rem;*/
    /*padding-top: 4.5rem;*/
}

.adam-main {
    background-color: lightsteelblue;
}

.starter-template {
    padding: 0;
    text-align: center;
}

.xadam-list-wrapper {
    background-color: ghostwhite;
}

.z0 {
    z-index: 0;
}

.z1 {
    z-index: 1;
}

.z2 {
    z-index: 2;
}

/* * * * * * * * * * * * * * * * * * * * * * * * **/
/* * * * * * * * * * * * * * * * * * * * * * * * * */
/*v*/


/*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
    .six .ul-wrapper {
        /*padding: initial;*/
        padding: 1rem 1rem 1rem 2rem;
    }

    .six {
        /*margin-top: initial;*/
        margin-top: -0.5rem;
    }

    .six h1 {
        /*font-size: initial;*/
    }

    .six ul {
        font-size: initial;
        line-height: 1.35rem;
    }

    .six li {
        margin-bottom: 0.4rem;
    }
}


/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .six .ul-wrapper {
        /*padding: initial;*/
        padding: 1rem 1rem 0;
    }

    .six {
        /*margin-top: initial;*/
        margin-top: -0.5rem;
    }

    .six h1 {
        font-size: 1.6rem;
    }

    .six ul {
        font-size: 0.9rem;
        line-height: 1.05rem;
    }

    .six li {
        margin-bottom: 0.25rem;
    }
}


/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .six .ul-wrapper {
        /*padding: initial;*/
        padding: 2rem 1rem 1rem 3rem;
    }

    .six {
        /*margin-top: initial;*/
        margin-top: -0.5rem;
    }

    .six h1 {
        /*font-size: initial;*/
    }

    .six ul {
        font-size: initial;
        line-height: initial;
    }

    .six li {
        margin-bottom: 0.6rem;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 824px) {

    html {
        scrollbar-gutter: stable;
    }
}
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


    .six .ul-wrapper {
        /*padding: initial;*/
        padding: 2rem 1rem 1rem 3rem;
    }

    .six {
        margin-top: initial;
        /*margin-top: -0.5rem;*/
    }

    .six h1 {
        /*font-size: initial;*/
    }

    .six ul {
        font-size: initial;
        line-height: initial;
    }

    .six li {
        margin-bottom: 0.4rem
    }
}

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .six .ul-wrapper {
        /*padding: initial;*/
        padding: 2rem 1rem 1rem 2rem;
    }

    .six {
        margin-top: initial;
        /*margin-top: -0.5rem;*/
    }

    .six h1 {
        /*font-size: initial;*/
    }

    .six ul {
        font-size: initial;
        line-height: 1.2rem;
    }

    .six li {
        margin-bottom: 0.5rem
    }
}

/*last !!!!!!!! */
/*XX-Large devices (larger desktops)*/
@media (min-width: 1400px) {
    .six .ul-wrapper {
        /*padding: initial;*/
        padding: 1rem 1rem 1rem 3rem;    }

    .six {
        /*margin-top: initial;*/
        margin-top: -0.5rem;
    }

    .six h1 {
        /*font-size: initial;*/
    }

    .six ul {
        font-size: initial;
        line-height: 1.5rem;
    }

    .six li {
        margin-bottom: 0.5rem;
    }
}

/*^^^^*/
/* * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

.eight {
    position: relative;
}

.text {
    color: yellow;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(11vh, -31vh);
    display: none;
}

.container-div {
    /*background-position: center;*/
    /*background-size: contain;*/
    background-repeat: no-repeat;
    height: calc(100vh - 60px);
    width: 100%;
    margin-top: 60px;

}

.navbar-brand {
    font-family: 'Fjalla One', sans-serif;
    font-size: 22px;
}

.navbar-brand, .nav-link {
    color: #2d3134 !important;
}

.nav-link {
    font-family: 'Lato', sans-serif;
    padding-left: 1em !important;
    padding-right: 1em !important;
}

.active {
    color: #1d2124 !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

.dropdown {
    background-color: lightcyan !important;
}

.navbar-collapse {
}

@media (min-width: 992px) {
    .ps-lg-12px {
        padding-left: 12px !important;
    }
}


.loading {
    background-image: url(loading.gif);
}

.loadError {
    background-image: url(loaderror.gif);
}

.loading, .loadError {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px;
}

.content {
    width: 100vw;
    margin-top: 60px;
}

nav, body {
    background-color: floralwhite;
}