/* CSS Document */
body {
margin-top:20px;
margin-bottom:15px;
font-family:'Nunito Sans',Arial,serif;
}

.container {max-width:980px;}

.navbar {border:0;}
.navbar-brand {padding-top:10px;}
.navbar-nav > .active > a {border-bottom:4px solid #f04;}

#tohsl {font-size:72px;line-height:76px;color:#fc0;}
.totext {font-size:48px;padding-top:18px;}
#tghsl {font-size:21px;margin-top:10px;}

#draw .col-md-6 {margin:7px auto;}
#draw, #draw-result {text-align:center;margin-top:10px;}
.table {border:1px solid #fff;}
.table > thead > tr > th {background-color:#000;text-align:center;color:#fff;}
.table > tbody > tr > td {border-bottom:1px solid #fff;background-color:#000;color:#fff;}
.rowsm {color:#fc0!important;font-weight:bold;}

#nextdr {position:absolute;bottom:15px;width:100%;}
.bcount {
width:75px;
text-align:center;
border:3px solid #000;
border-radius:8px;
background:rgba(255, 255, 255, 0.7)
}
.boxc {
font-size:30px;
padding:7px;
color:#900;
font-weight:bold;
}
.lbox {
font-size:15px;
}

.bg-page, .bg-page:hover {background-color:#000;color:#fc0;}

#copy-text {text-align:center;color:#333;font-size:12px;}
#copy-text .container {padding-top:15px;padding-bottom:15px;}

@media (max-width: 768px) {
    #last-toto .col-md-6 {text-align:center!important;}
}