.table-striped>tbody>tr:nth-child(odd)>th, .table-striped>tbody>tr:nth-child(odd)>td {
    background-color: #e9ecef;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

@media (min-width: 800px) {
    #mineral_image {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 550px;
        margin-bottom: 2%;
    }
    #mineral_jumbotron {
        background-color: #e9ecef;
        margin: auto;
        width: 60%;
        text-align: center;
        margin-bottom: 2%;
    }
    #minerals_table {
        margin: auto;
        width: 60%;
    }
    #ima_title {
        width: 60%;
        margin: auto;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    #mineral_carousel{
        width: 40%;
        margin: auto;
        margin-bottom: 3%;
        border: solid grey 1px;
    }
    #mindat_div {
        margin: auto;
        width: 60%;
        margin-bottom: 6%;
    }
}

@media (max-width: 800px) {
    #mineral_image {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        margin-bottom: 3%;
    }
    #mineral_jumbotron {
        background-color: #e9ecef;
        margin: auto;
        width: 100%;
        text-align: center;
        margin-bottom: 2%;
    }
    #minerals_table {
        margin: auto;
        width: 100%;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    #ima_title {
        width: 100%;
        margin: auto;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    #mineral_carousel{
        width: 100%;
        margin: auto;
        margin-bottom: 3%;
        border: solid grey 1px;
    }
    #mindat_div {
        margin: auto;
        width: 100%;
        margin-bottom: 6%;
    }
}

@media (max-width: 995px) and (min-width: 771px) {
    #content {
        padding-bottom: 17%;
        margin-bottom: 6%;
    }
}

@media (max-width: 770px) and (min-width: 636px) {
    #content {
        padding-bottom: 20%;
        margin-bottom: 6%;
    }
}

@media (max-width: 635px) and (min-width: 521px) {
    #content {
        padding-bottom: 25%;
        margin-bottom: 6%;
    }
}

@media (max-width: 520px) and (min-width: 433px) {
    #content {
        padding-bottom: 30%;
        margin-bottom: 6%;
    }
}

@media (max-width: 433px) {
    #content {
        padding-bottom: 30%;
        margin-bottom: 6%;
    }
}

#check {
    color: green;
}

#cross {
    color: red;
}

#uv_color {
    width: 15px;
    height: 15px;
    display: inline-block;
}

#h1_jumbotron {
    font-weight: bold;
}

#img01 {
    transform: scale(1.2);
}

#caption {
    margin-top: 5%;
}

#flag {
    width: 40px;
}

.table_heading {
    background-color: #DDE0E3 !important;
    border: none;
}

.table_row {
    border: hidden;
}

.spacer-r {
    /*margin-left: 6%;
    margin-right: auto;*/
    justify-content: right;
}

.spacer-l {
    /*margin-right: 6%;
    margin-left: auto;*/
    justify-content: left;
}