.table-striped>tbody>tr:nth-child(odd)>th, .table-striped>tbody>tr:nth-child(odd)>td {
    background-color: #e9ecef;
}

.zoom {
    margin: 0 auto;
}

#myImg {
    width: 80%;
}

#flag {
    width: 40px;
}

@media (min-width: 800px){
    #navigator {
        width: 60%;
    }
    .map-box {
        width: 60%;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    #location_jumbotron {
        background-color: #e9ecef;
        margin: auto;
        width: 60%;
        text-align: center;
        margin-bottom: 2%;
    }
    #minerals_table {
        margin: auto;
        width: 60%;
    }
    #related_table {
        margin: auto;
        width: 60%;
    }
    #minerals_title {
        width: 60%;
        margin: auto;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    #related_title {
        width: 60%;
        margin: auto;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    #location_carousel{
        width: 40%;
        margin: auto;
        margin-bottom: 3%;
        border: solid grey 1px;
    }
}

@media (max-width: 800px){
    #navigator {
        width: 100%;
    }
    .map-box {
        width: 100%;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    #location_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%;
    }
    #related_table {
        margin: auto;
        width: 100%;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    #minerals_title {
        width: 100%;
        margin: auto;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    #related_title {
        width: 100%;
        margin: auto;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    #location_carousel{
        width: 100%;
        margin: auto;
        margin-bottom: 3%;
        border: solid grey 1px;
    }
}
@media (max-width: 800px){
    .table-responsive{
        margin-bottom: 9%;
    }
}

@media (min-width: 1200px){
    #minerals_content {
        padding-bottom: 5% !important;
    }
}

@media (max-width: 1200px) and (min-width: 996px){
    #minerals_content {
        padding-bottom: 10% !important;
    }
}

@media (max-width: 995px) and (min-width: 771px) {
    #minerals_content {
        padding-bottom: 10% !important;
    }
}

@media (max-width: 770px) and (min-width: 636px) {
    #minerals_content {
        padding-bottom: 15% !important;
    }
}

@media (max-width: 635px) and (min-width: 521px) {
    #minerals_content {
        padding-bottom: 10% !important;
    }
}

@media (max-width: 520px) and (min-width: 433px) {
    #minerals_content {
        padding-bottom: 10% !important;
    }
}

@media (max-width: 433px) {
    #minerals_content {
        padding-bottom: 10% !important;
    }
}

@media (min-width: 800px) {
    #location_table {
        margin: auto;
        width: 60%;
    }
}

@media (max-width: 800px) {
    #location_table {
        margin: auto;
        width: 100%;
        margin-top: 2%;
        margin-bottom: 2%;
    }
}

#h1_jumbotron {
    font-weight: bold;
}

.attributions {
    font-size: 0.85em;
}