.main {
    background-image: url(images/main.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 640px;
}

.save{
    width: 14%;
    float: left;
    position: absolute;
    top: 20px;
    left: 20px;
    /*float: none;*/
}
    
.nav{
    float: left;
    position: absolute;
    top: 120px;
    width: 100%;
    background-color:rgba(10,165,187,.64);
}

div.calendar{float: left;
position: absolute; top: 220px; left: 0px; width: 25%}

img{width: 100%}


.nav ul {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    width: 100%;
}

.nav li {
    width: 14%;
    float: left;
    font-size: 12pt;
    margin: 10px;
    font-family: 'Lizzy', 'muliregular', sans-serif;
    
}
.nav ul a {
    text-decoration: none;
    display: block;
    color: #f4f4f4;
}


.wtitle {
    font-family: 'Lizzy', 'muliregular', sans-serif;
    font-size: 24pt;
    color: #f4f4f4;
    text-align: left;
    margin-left: 30pt;
    margin-bottom: 15pt;
}

.btitle {
    font-family: 'Lizzy', 'muliregular', sans-serif;
    font-size: 24pt;
    color: #0aa5bb;
    text-align: left;
    margin-left: 30pt;
    margin-bottom: 15pt;
}
.wtext {
    font-family: 'Lizzy', 'muliregular', sans-serif;
    font-size: 10pt;
    color: #f4f4f4;
    text-align: left;
    line-height: 130%;
}

.wtexta {
    font-family: 'Lizzy', 'muliregular', sans-serif;
    font-size: 10pt;
    text-decoration: underline;
    color: #f4f4f4;
    text-align: left;
    line-height: 130%;
}

.blacktext {
    font-family: 'Lizzy', 'muliregular', sans-serif;
    font-size: 10pt;
    color: #1a1b1d;
    text-align: left;
    line-height: 130%;
}

.blacktextsm {
    font-family: 'Lizzy', 'muliregular', sans-serif;
    font-size: 8.5pt;
    color: #1a1b1d;
    text-align: center;
    line-height: 130%;
}

div.venue {
    background-color: #0aa5bb;
    padding: 50px 0px 50px 20px;
}

div.venueleft {float: left; width: 59%;}
div.venueright {float: right; width: 40%;}

div.accom {
    background-color: #f4f4f4;
    padding: 50px 20px 50px 20px;
}

div.accomleft {float: left; width: 50%;}

div.marker {float: left; width: 18px; padding: 0px 5px 22px 0px}

div.hotels {
    font-family: 'Lizzy', 'muliregular', sans-serif;
    font-size: 11pt;
    color: #1a1b1d;
    text-align: left;
    margin: 0; padding: 0;
}

div.cincy {
    background-color: #0aa5bb;
    background-image: url(images/nastyskyline.png);
    background-repeat: no-repeat;
    background-size: 100%,contain;
    
    background-position: bottom;
    padding: 50px 0px 50px 20px;
}


div.todo {
    background-color: #f4f4f4;
    padding: 50px 0px 50px 20px;
    align-content: center;
    align-items: center;
}

div.todoitem {
    float:left;
    align-content: center;
    align-items: center;
    width: 210px;
    background-color: #e0dede;
    padding: 10px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
    font-family: 'Lizzy', 'muliregular', sans-serif;
    font-size: 10pt;
    color: #1a1b1d;
    text-align: center;
    line-height: 130%;
}

.atodo {
    text-decoration: none;
    display: block;
    color: #c6190c;
}


p.distance {display: inline; margin: 0px; color: #0aa5bb; font-size: 9pt; margin: 0; padding: 0;}
p.address {display: inline; color:#1a1b1d; font-size: 8pt; margin: 0; padding: 0;}
p.reserve{display: inline; color: #c6190c; font-size:9pt; margin: 0; padding: 0;}
a.reserve {
    text-decoration: none;
    display: block;
    color: #c6190c;
    margin-bottom: 15px;
}

div.mapcontainer {
    float: left; width: 50%;    
    height: 350px;
}


div.registry {
    background-color: #0aa5bb; margin: -2.8px; padding: 0px;
}
div.regleft {float: left; width: 41%; padding: 0px;}
div.regright {float: left; width: 56%; padding-left: 20px; padding-top: 20px;}
div.reglinks {font-size: 11pt; color: #f4f4f4; font-family: 'Lizzy', 'muliregular', sans-serif;}
a.reglist {text-decoration: none; display: block; font-size: 11pt; color: #f4f4f4; ffont-family: 'Lizzy', 'muliregular', sans-serif;; margin: 10pt;}


div.events {
    background-color: #f4f4f4;
    padding: 50px 20px 50px 20px;
}


div.eventside{display: inline-block}
div.eventday{display: inline-block;  width: 330px;}
div.eventline{height: 5px; background-color: #0aa5bb; margin: auto;}
div.eventicon{width: 80px; display: inline-block;}
div.eventtime{width: 80px; display: inline-block; font-size: 10pt; color: #1a1b1d; font-family: Century Gothic, sans-serif;}
div.eventtitle{width: 80px; display: inline-block; font-size: 10pt; color: #0aa5bb; font-family: Century Gothic, sans-serif; vertical-align: middle;}

.rsvp {
    background-image: url(images/rsvp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    min-height: 640px;
    margin: auto;
}

.rsvptitle {
    font-family: 'Century Gothic', sans-serif;
    font-size: 24pt;
    color: #f4f4f4;
    text-align: center;
    margin: 50px 20px 50px 20px;
}

.rsvptext {
    font-family: 'Century Gothic', sans-serif;
    font-size: 10pt;
    color: #1a1b1d;
    width: 70%;
    margin: auto;
    line-height: 130%;
}

.rsvpform {
  font-family: 'Century Gothic', sans-serif; font-size: 10pt; padding: 20px;display: inline-block; line-height: 130%;
  position: relative;  background-color:rgba(10,165,187,.4)  
}


.flex-container {
    display: -webkit-flex;
    display: flex;  
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    text-align: center;
}

.flex-container > * {
    padding: 0px;
    -webkit-flex: 1 10%;
    flex: 1 100%;
}


@font-face {
    font-family: 'Lizzy';
    src: url('fonts/CenturyGothic.eot');
    src: url('fonts/CenturyGothic.eot?iefix') format('eot'),
         url('fonts/CenturyGothic.woff') format('woff'),
         url('fonts/CenturyGothic.woff2') format('woff2'),
         url('fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'muliregular';
    src: url('muli-regular-webfont.woff2') format('woff2'),
         url('muli-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}