body {
    min-width: 256px;
    padding-bottom: 0;
}

.gdpr-banner {
    font-size: medium;
    font-weight: 500;
    padding: 16px 0;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color:#444;
}

.gdpr-banner-x-button {
    position: absolute;
    top: 0;
    right: 0;
}

.page-content {
    font-size: 1.2em;
    padding-bottom: 16px;
    font-family: 'Arial', sans-serif;
    line-height: 2;
}

.page-section {
    padding-top: 12px;
    text-shadow: 2px 2px 1px black;
    background-color: rgba(20,20,30,.75);
    margin: -1em;
    padding: 1em;
    border-radius: .5em;
    box-shadow: 0 0 2px 7px rgba(0,0,0,.3);
}

    .page-section .section-title {
        font-family: square-bold;
        font-size: 2em;
        padding: 8px 32px;
        color: #ddd;
        text-shadow: 3px 3px 1px black;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .page-section .section-content {
        text-align: justify;
    }

    .page-section .card {
        padding:1px;
    }

    .page-section .card-body {
        background-color:#050810;
    }

.about-story {

}

.page-content .note {
    margin: 30px 50px 0 50px;
    border: 1px solid #444;
    padding: 10px 40px;
    border-radius: .5em;
    background: #251515;
    box-shadow: .25em .25em 1em rgba(0,0,0,.75);
}

.page-content h4 {
    margin-top: 2em;
    font-family: square-bold;
    text-shadow: 2px 2px 1px black;
    color: #ddd;
}

.page-content h5 {
    font-family: square-bold;
    color: #ddd;
    text-align: center;
    background-color: #1d2438;
    padding: 8px;
    text-shadow: 2px 2px 1px black;
    border-radius: 6px;
}

.features-item {
    height: 50vh;
    background-color:#444;
}

/*.carousel-control-next,
.carousel-control-prev, */
.carousel-indicators {
    filter: invert(100%);
    margin-bottom:0 !important;
}

.carousel-control-prev,
.carousel-control-next {
    opacity: 0;
    padding-top: 12%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 75px;
    width: 75px;
    outline: black;
    background-size: 75%, 75%;
    border-radius: 50%;
    background-color: black;
}

.features-section .image {
    width: 100%;
    max-width:200px;
/*    margin:30px;*/
}

ul.no-monetization {
    list-style-image: url('/img/stop-sign-small.svg');
}

    ul.no-monetization > li {
        vertical-align: top;
    }

.nav-pills > li > a.active,
.nav-pills > li > a.active:hover,
.nav-pills > li > a.active:focus {
    background-color: #111 !important;
    color: #ddd !important;

}

.nav-pills > li > a,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
    color: #ddd !important;
    font-family:square-bold;
    font-size:.75em;
}

.navbar {
    box-shadow: .5em .5em 1em black;
    background-color: #1A222B !important;
}

.scroll-hide.transparent {
    opacity: 0;
    pointer-events: none;
}

.button-to-top {
    position:fixed;
    right:0;
    bottom:0;
    margin:30px;
    z-index:2000;
}

    .button-to-top .button {
        font-size: 2rem;
        margin: 0px 0px;
        padding: 0 .25em;
        border-radius: 1em;
        font-family: military;
        box-shadow: .1em .1em .2em rgba(0,0,0,.75);
    }

.embedded-video {
    width: 100%;
    aspect-ratio: 16/9;
    max-width: 512px;
}

.tech-table td {
    background-color:transparent !important;
}

.footer {
    background-color:rgba(0,0,0,.7) !important;
}