/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
/* Add these classes */

.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#eee!important}
.w3-med-light-grey,.w3-hover-med-light-grey:hover,.w3-med-light-gray,.w3-hover-med-light-gray:hover{color:#000!important;background-color:#ccc!important}
.w3-medium-grey,.w3-hover-medium-grey:hover,.w3-medium-gray,.w3-hover-medium-gray:hover{color:#000!important;background-color:#aaa!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#888!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#666!important}
.w3-dark-orange,.w3-hover-dark-orange:hover{color:#fff!important;background-color:#b60!important}
.w3-darker-orange,.w3-hover-dark-orange:hover{color:#fff!important;background-color:#850!important}
.w3-padding-bottom-64{padding-bottom:64px!important}.w3-padding-bottom-48{padding-bottom:48px!important}
.w3-padding-bottom-32{padding-bottom:32px!important}.w3-padding-bottom-24{padding-bottom:24px!important}
.w3-padding-tiny{padding:2px 4px!important}.w3-padding-none{padding:0px 4px!important}
.w3-fifth{float:left;width:100%}
.w3-sixth{float:left;width:100%}
@media (min-width:601px){.w3-fifth{width:19.99999%}.w3-sixth{width:16.66666%}}

/* Font Awesome Additions */

.fa-white {
	color: white;
}
.fa-green {
	color: green;
}
.fa-red {
	color: red;
}
.fa-gold {
	color: #C98910;
}
.fa-silver {
	color: #A8A8A8;
}
.fa-bronze {
	color: #965A38;
}
.fa-hematite {
	color: #5a513a;
}

footer {
    text-align: center;
    margin: 0 auto;
}

/* =========== Viewport Adjustments ============ */

/* Responsive - Mobile */
@media (max-width: 768px) {
    /* Make all fixed-width inputs/selects/containers full width */
    [style*="width:604px"],
    [style*="width:600px"],
    [style*="width:453px"],
    [style*="width:352px"],
    [style*="width:302px"],
    [style*="width:300px"],
    [style*="width:200px"],
    [style*="width:151px"],
    [style*="width:147px"],
    [style*="width:126px"],
    [style*="width:115px"] {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Allow textareas to resize properly */
    textarea.w3-input {
        width: 100% !important;
    }
    
    /* Stack table cells vertically */
    .w3-table td, .w3-table-all td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
    
    /* Keep navbar items from overlapping */
    .w3-bar .w3-bar-item {
        padding: 8px 10px;
        font-size: 13px;
    }
    
    /* Make images responsive */
    img {
        max-width: 100%;
        height: auto;
    }
}

/* Viewport Adjustments End */