* {
    box-sizing: border-box;
}
 .column {
     float: left;
     padding: 20px;
}
 .left {
     width: 50%;
}
 .right {
     width: 50%;
}
 .row:after {
     content: "";
     display: table;
     clear: both;
}
 @media screen and (max-width: 768px) {
     .column {
         width: 100%;
         padding: 0;
    }
     .left {
         padding-bottom: 50px;
    }
     .right {
         padding-bottom: 25px;
    }
}
 h3 {
    color: #1a1a1a;
     text-align: center;
     text-transform: uppercase;
}
 h2::after {
     background: linear-gradient(to right, #ffc840 0px, #ffc840 10px, #005837 10px, #005837 80px);
     bottom: 10px;
     display: block;
     content: "";
     height: 2px;
     margin: 10px 0 20px 0;
     width: 80px;
}
 .subtitle-divider {
     background: #005837;
     bottom: 10px;
     display: block;
     content: "";
     height: 2px;
     margin: 10px auto 20px auto;
     width: 80px;
}
 body {
     background-color: #ffffff;
}
 .fa-wreath-laurel {
     margin-left: 5px;
}
 .fa-medal {
     margin-left: 5px;
}
 .sortTable tbody td a {
     color: #1a1a1a;
}
 .sortTable tbody td a:hover {
     color: #005837;
}
 .button-header {
     width: 100%;
     max-width: 1416px;
     margin: auto;
}
 .button-subheader {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     max-width: 1366px;
     margin: auto;
}
 .button-subheader .button-sub-btn {
     display: flex;
     align-items: center;
     border: 1px solid lightgrey;
     text-decoration: none;
     width: calc(25% - 20px);
     text-align: center;
     padding: 15px;
     margin: 10px;
     justify-content: center;
     text-transform: uppercase;
     font-weight: bold;
     color: #1a1a1a;
     transition: .25s;
}
 .button-subheader .button-sub-btn:hover {
     color: #fff;
     background-color: #005837;
     border: 1px solid #005837;
}
 @media screen and (max-width:480px) {
     .button-subheader .button-sub-btn {
        width: 100%;
    }
}
 .tooltip {
     position: relative;
     display: inline-block;
}
 .tooltip i {
     color: #005837;
}
 .tooltip .tooltiptext {
     visibility: hidden;
     width: 125px;
     background-color: #005837;
     color: #fff;
     text-align: center;
     font-weight: 200;
     border-radius: 6px;
     padding: 5px;
     position: absolute;
     z-index: 1;
     top: -5px;
     left: 175%;
}
 .tooltip .tooltiptext::after {
     content: "";
     position: absolute;
     top: 50%;
     right: 100%;
     margin-top: -5px;
     border-width: 5px;
     border-style: solid;
     border-color: transparent #005837 transparent transparent;
}
 .tooltip:hover .tooltiptext {
     visibility: visible;
}
 .corrections {
     display: inline-block;
     padding: 10px;
     text-align: center;
     text-decoration: none;
     font-weight: 500;
     max-width: 425px;
     color: white !important;
     border-collapse: collapse;
     border-left: 15px solid #005837;
     border-radius: 5px;
     background: linear-gradient(to left, #ffc840 50%, #005837 50%) right;
     background-size: 200%;
     transition: .25s ease-out;
}
 .corrections:hover {
     background-position: left;
}
 .corrections i {
     margin-right: 10px;
}