.list-wrapper {display:block; font-size:0.9em;}
.list-raceheader {font-weight:bold; margin-top:20px; padding:6px; border-bottom:1px dotted #333;}
.list-runner-wrapper {display:block; padding-top:20px;}
.list-runner {display:block; font-weight:bold;}
.list-result {display:inline-block;}
.list-breeding {display: inline-block;}
.list-details {display:block;}
.list-nav {display:inline-block; width:45%; padding:12px; border:1px solid #1a7c9c; margin:0px 0px 12px 6px; border-radius:10px; text-align:center; font-size:0.9em; background-color:#6fb6ce; color:white;}

@media only screen and (min-width: 576px) {
    .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: 768px) {
    .list-raceheader{margin-left:30px;}
    .list-runner {display:inline-block; font-weight:bold;}
    .list-result {display:inline-block; padding-left:6px;}
    .list-breeding {display: inline-block; padding-left:6px;}
    .list-nav {display:inline-block; width:20%; padding:6px 12px 6px 12px; border:1px solid #1a7c9c; margin-right:18px; border-radius:5px; text-align:center; background-color:#6fb6ce; color:white;}
    .list-nav:hover {background-color:#4daece;}
    }
@media only screen and (min-width: 992px) {

}

.show-toggle {
    display: block;
}

.hide-toggle {
    display: none;
}