.HistoryListing{align-items:flex-start;display:flex;justify-content:space-between;margin:50px 0}@media only screen and (max-width:600px){.HistoryListing{flex-direction:column}}.HistoryListing__text{margin-right:2vw;width:345px}.HistoryListing__text h2{font-size:22px}.HistoryListing__text h2 strong{color:#78bc1d;font-size:42px;font-weight:700}.HistoryListing__text .text{line-height:normal}.HistoryListing__text a{color:#000;font-size:12px;font-weight:700;text-decoration:underline}.HistoryListing__cards{display:flex}@media only screen and (max-width:600px){.HistoryListing__cards{flex-direction:column}}.HistoryListing__cards--item{align-items:flex-start;background-color:#ccc;background-position:50%;background-size:100%;border-bottom:7px solid #78bc1e;color:#fff;display:flex;flex-direction:column;font-size:18px;font-weight:600;height:550px;justify-content:flex-end;margin:0 3px;max-width:260px;padding:12px;position:relative;transition:all .5s ease-in-out;width:100%}.HistoryListing__cards--item:hover{background-size:105%}.HistoryListing__cards--item .overlay{background:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;transition:all .4s ease-in-out;width:100%;z-index:1}.HistoryListing__cards--item:hover .overlay{background:rgba(0,0,0,.3)}@media only screen and (max-width:600px){.HistoryListing__cards--item{height:280px;margin:5px 0;max-width:100%}}.HistoryListing__cards--item:hover .title{text-decoration:underline}.HistoryListing__cards--item .title{font-size:26px;font-weight:400;line-height:1.3;margin-bottom:30px;position:relative;z-index:2}.HistoryListing__cards--item span{background:#fff;border-radius:5px;color:#232323;display:inline-block;font-size:12px;font-weight:500;padding:5px 26px;position:relative;transition:all .5s;z-index:2}.HistoryListing__cards--item:hover span{color:#78bc1e}