.event-wrapper {color: #083648; padding: 80px 0; background-color: #fff; margin: 30px 0;}
.event-wrapper .event-intro h2 {font-size: 36px; text-align: center; margin: 0 0 24px 0; text-shadow: 1px 1px 0 #ccc;}
.event-wrapper .event-detail {width: 100%; overflow: hidden; border-radius: 5px; background-color: #fff; color:#083648 ; border: 1px solid #ccc;}
.img-wrap {height: 250px; overflow: hidden;}
.event-wrapper .event-detail img {width: 100%;}
.event-wrapper .event-detail h3 { font-size: 18px; margin: 0 0 10px 0;}                 
.inner-wrap {padding: 20px;}
.event-detail p, .event-detail .description {margin: 0.25em 0 0.5em; font-size: 14px;}
.event-detail .description {color: #333;}
.event-detail .link {margin: 15px 0 0 0; font-size: 16px;}
.event-detail a {color: #083648; font-weight: bold;}
.event-detail a:hover {text-decoration: underline;}

.main-page {padding: 20px 40px 20px 0;}
.main-page h2 {font-size: 32px; line-height: 1.25em;}
.main-page h3 {margin: 0.75em 0 0.25em 0 ;}
.main-page p, .description .main-page .description {font-size: 18px;}
.agenda ul, .speakers ul {font-size: 16px; margin: 10px 0 20px 0;}

.event-form-wrapper {padding: 0px ; margin: 40px 0; background-color: #fafafa; box-shadow: 0 0 20px #333; border-radius: 10px;overflow: hidden;}
.event-form-wrapper form {padding: 20px 20px 40px 20px;margin: 0;}
.event-form-wrapper h2 {margin: 0; font-size: 32px; text-align: center;background-color: #083648; color: #fff; padding: 20px;}
.event-form-wrapper fieldset {border: 0; padding: 0;}
.event-form-wrapper .field {margin: 15px 0;}
.event-form-wrapper input[type=text], .event-form-wrapper input[type=email] {padding: 10px 15px; font-size: 18px; border: 1px solid #666; border-radius: 3px; max-width: 500px; width: 100%;}
.event-form-wrapper input[type=submit] {box-shadow: 0px 4px 7px 0 rgba(0,0,0,0.4); border-radius: 5px; font-size: 24px; font-weight: bold; color: #fff; text-shadow:1px 1px 0 #666; background: #C25D40; border: 0px; cursor: pointer; padding: 15px 20px;}
.event-form-wrapper select {padding: 15px 20px; font-size: 18px; color: #333;border-radius: 3px;}
.event-form-wrapper input[type=submit]:hover {}
.event-form-wrapper .btn-toolbar {padding: 20px 0 0 0;}
.event-form-wrapper .btn-toolbar input[type=submit] {margin: 0 auto; display: block;}
.event-form-wrapper label {margin: 5px 0 10px 0;}

.event-conf {padding: 40px 0; background-color: #000;}
.event-conf h1 {text-shadow: 0 0 5px #000;}

.event-details {margin-top: 20px}

.related-intro {margin: 0 0 40px 0;}
a.intro-title:hover {text-decoration: underline;}
.event-details ul, .registration-details ul {margin: 0 20px;}
.introduction {display: block; padding: 25px 15px; border: 1px solid #ccc;}
.introduction p {font-size: 14px;}
.introduction a.button {font-size: 14px; text-transform: uppercase; text-shadow: 1px 1px 0 #000;}


@media only screen and (max-width: 800px) {
    .main-page h2, .event-form-wrapper h2 {font-size: 28px;}
    .main-page p, .description .main-page .description {font-size: 16px;}
    .event-form-wrapper select {width: 100%; font-size: 14px; padding: 10px;}
    .event-form-wrapper input[type=submit] {font-size: 18px;}
    .event-form-wrapper label {font-size: 14px;}
    .event-detail {margin: 20px auto;}
    
}