.header {display:none;}
.oomdo h1, .oomdo h2, .oomdo p {margin-bottom:20px;}
.content {width:100%;padding:20px;}
.clear {clear:both;}
.odo {width:230px;height:220px;float:left;margin-right:20px;}
.info { border: 1px solid #ddd;
box-shadow: 0 0 6px #ddd;
box-sizing: border-box;
width: 100%;
float: right;
margin-top: 55px;
padding-bottom: 30px;
border-radius:8px;}
.mile {width:100%;margin:0 auto;height:auto;padding:20px;box-sizing:border-box;}
.five {display:block;position:relative;padding-top:65px;}
.fivek, .fifteenk, .thirtyk {color:#C71633;font-family:'Arial Black';text-shadow:1px 1px 1px #333;font-style: italic;font-size:80px;position:absolute;top: -20px;left: 5px;}
.fifteen {display:none;position:relative;padding-top:65px;}
.thirty {display:none;position:relative;padding-top:65px;}
.odo ul { background: none repeat scroll 0 0 #333;
color: #fff;
font-size: 20px;
list-style-type: none;
padding: 4px;
border: 2px ridge #ccc;
width: 145px;
cursor:pointer;
position:relative;}
.odo ul li {display: inline-block;border-right: 1px solid #888;padding:0 4px;}
.odo h3 {margin-bottom:10px;}

.fa {position:absolute;left:145px;color:#C51633;top:-16px;}
.odo ul .fa {display:none;}
.odo ul:hover > .fa {display:block;}

.btnSched {cursor:pointer;position:absolute;right:30px;bottom:-17px;left:18px;padding:8px;border:1px solid #ccc;width:180px;text-align:center;text-shadow:1px 1px 2px #333;border-radius:6px;color:#fff;background:#C71533;font-size:18px;font-family:Arial;}
.btnSched:hover {background:#000;}

@media (min-width: 768px) {
    .info {
        width: 63%;
    }
}

@media (min-width: 1024px) {
    .info {
        width: 72%;
    }
}