h2 {color: #fa9022;margin: 30px 0px 0px 0px;padding: 3px 0px 3px 0px;font-size: 1.1em;border-top: 2px solid #fa9022;border-bottom: 0px solid #fa9022;}
h1 {font-size: 1.7em;}
.list-wrapper { width: 100%;display: block;overflow: hidden;font-size:0.8em;}
.list-raceheader {display: block;background-color: white;padding: 6px;font-weight: bold;margin: 18px 0px 0px 0px;color:#2DBAE9;}
.list-raceheader img {height:20px;width:auto;padding-right:6px;}
.list-runner-wrapper {width: 100%;display: block;overflow: hidden;padding: 6px 0px 0px 0px;margin-top:6px;text-transform:capitalize;}
.list-runner {display: inline-block;font-weight: bold;padding-right:5px;}
.list-breeding {display: inline-block;}
.list-details {display: block;padding: 0px 0px 6px 12px;color:#666;border-bottom: 1px dotted grey;}
.list-details-g {display: block;padding: 0px 0px 6px 12px;color:crimson;border-bottom: 1px dotted grey;font-weight:bold;}
.list-nav {display: inline-block;width:29%;padding: 6px;border: 1px solid #d3d3d3;margin:6px 12px 0 0;border-radius: 10px;text-align: center;background-color:#2DBAE9;font-size:0.8em;color:white;}
.list-nav a {color:white;}
.horsecountry{font-size:0.8em;}

.list-nav :hover {
    background-color: red;
}

@media only screen and (min-width: 576px) {
}

@media only screen and (min-width: 768px) {

    .list-nav {
        display: inline-block;
        width: 20%;
        padding: 9px;
        border: 1px solid black;
        margin: 0px 0px 9px 12px;
        border-radius: 10px;
        text-align: center;
        font-size: 0.9em;
    }
}
@media only screen and (min-width: 992px) {
}