.opensans {font-family: 'Open Sans', sans-serif;}
.yy {font-family: 'Yesteryear', cursive;}

.eventcontainer {position: relative;}
.link-spanner{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left: 0;
    z-index: 1;}

.sociallist {list-style: none;}
ul.sociallist li {float: right; padding: 10px; background: #042f62; margin: 5px; min-height: 45px;}

.caleventh {border:1px solid #195092; min-height: 200px;}
.calevent {border:1px solid #195092; min-height: 250px;}
.caleventh:hover {border:1px solid #72a8ea;}
.calevent:hover {border:1px solid #72a8ea;}
.calpad {padding:5px;}

.nop {padding: 0px!important;}
.nopr {padding-right: 0px!important;}
.nopl {padding-left: 0px!important;}
.nom {margin: 0px!important;}
.nopm {padding: 0px!important; margin: 0px!important;}

.logo {min-height: 300px;}

.toprow {background: url('../img/top-bg.png') repeat-x; color: #FFFFFF;}
.toprow h1.florida {font-size: 80px; margin: 10px 0px -20px 0px;}
.toprow h1.drf {font-size: 60px; margin: 0px -10px 10px 55px;}
.topsocial {text-align: right;}
.topsocial img {padding: 5px;}
.toptext {margin-top: 145px;}
.toptextin {margin-top: 5px;}

.max100 {max-width: 136px;}

.eventsep {border-top:1px solid #72a8ea; margin: 20px 0px; background: #FFFFFF;}

.bgwhite {background: #FFFFFF;}

.toprowin {color: #FFFFFF;}
.toprowin h1.florida {font-size: 60px; margin: 10px 0px -20px 0px;}
.toprowin h1.drf {font-size: 40px; margin: 0px -10px 10px 55px;}

h1.events {color: #FFFFFF; margin: 0px 0px -10px 0px; font-size: 60px;}

h1.pagetitle {color:#195092; font-size: 30px;}

.content {background: #FFFFFF; padding:10px;}

h2.title {background: url('../img/title-cap.jpg') right #195092 no-repeat; color: #FFFFFF; margin: 0px; font-size: 24px; padding: 5px;}

.footer {background:#195092;font-family: 'Open Sans', sans-serif;min-height: 80px;font-family: 'Open Sans', sans-serif; padding-top: 10px;}

.headercp {display: block;}
.headermb {display: none;}

.event {margin-top: 10px; }
.event img {max-width:121px; max-height:157px;}

.eventstext {margin-top: 75px;}

.eventtitle {color:#195092; text-align: center; font-size: 28px;font-family: 'Open Sans', sans-serif;}

.allevents {margin: 10px 0px; padding-top: 15px;}
.aet {text-align: center; font-family: 'Open Sans', sans-serif; color:#72a8ea; font-size: 2.8em; border: none;}
.aet:hover {background: #FFFFFF; color: #195092;cursor: pointer;}

.bet {background: #195092; text-align: center; font-family: 'Open Sans', sans-serif; color:#72a8ea; font-size: 1.0em; border: none;}
.bet a:link, .bet a:visited {color: #FFFFFF!important;}
.bet:hover { color: #FFFFFF;cursor: pointer; background: #72a8ea;}

.button {background:#72a8ea; font-family: 'Open Sans', sans-serif; color: #FFFFFF; padding: 5px; float: right; margin: 10px 0px;}
.button:hover {background:#195092; cursor: pointer;}

.cycle {display: block;}

.copy {font-size: 15px; color: #FFFFFF;}

.footext {text-align: center;}
.footext a:link, .footext a:visited {color:#72a8ea;}

#footer {
    position:fixed;
    bottom:0;
    width:100%;
    height:540px;   /* Height of the footer */);
}
#footerin {}

@media screen and (max-width: 1199px) {

    .toprow h1.drf {font-size: 50px; margin: 0px -10px 10px 55px;}
    h1.events {color: #FFFFFF; margin: 0px 0px -10px 0px; font-size: 50px;}
}

@media screen and (max-width: 1199px) {

    .toprow h1.drf {font-size: 50px; margin: 0px -10px 10px 55px;}

    .eventtitle {color:#195092; text-align: center; font-size: 20px;font-family: 'Open Sans', sans-serif;}
}



@media screen and (max-width: 991px) {

    .nopr {padding: 0px!important;}
    .nopl {padding: 0px!important;}

    .toptext {margin: 25px 0px 25px 0px; background: rgba(0, 0, 0, 0.5); max-height: 148px; border-top: 2px solid rgba(255, 255, 255, 0.9); border-bottom: 2px solid rgba(255, 255, 255, 0.9);}

    .toprow {background: none; color: #FFFFFF;}

    .toprow h1.florida {font-size: 60px; margin: 10px 0px -20px 0px;}
    .toprow h1.drf {font-size: 60px; margin: 0px -10px 10px 55px;}
    h1.events {color: #FFFFFF; margin: 0px 0px -10px 0px; font-size: 40px;}

    .headercp {display: none;}
    .headermb {display: block; padding: 0px!important;}

    .eventtitle {color:#195092; text-align: center; font-size: 28px;font-family: 'Open Sans', sans-serif;}

    .button {background:#72a8ea;font-family: 'Open Sans', sans-serif;color: #FFFFFF; padding: 5px; float: none; margin: 10px 0px; text-align: center}

    .aet {font-size: 2.2em;}

    #footer {
        position:relative;
        bottom:0;
        width:100%;
        height:100%;   /* Height of the footer */);
    }
}
@media screen and (max-width: 725px) {

    .toprow h1.drf {font-size: 50px; margin: 0px -10px 20px 25px;}
    .cycle {display: none;}
    .aet {font-size: 1.8em;}

}

@media screen and (max-width: 615px) {

    .toprow h1.drf {font-size: 40px; margin: 0px -10px 20px 25px;}
    .aet {font-size: 1.3em;}
}


@media screen and (max-width: 515px) {

    .toprow h1.drf {font-size: 35px; margin: 10px -10px 20px 25px;}
    .toprow h1.florida {font-size: 50px; margin: 10px 0px -20px 0px;}
    .aet {font-size: 1.15em;}
}

@media screen and (max-width: 450px) {

    .toprow h1.drf {font-size: 25px; margin: 10px -10px 20px 25px;}
    h1.events {color: #FFFFFF; margin: 0px 0px -5px 0px; font-size: 25px;}
    .aet {font-size: 1.0em; padding: 0px;}
}