body { width: 100%; margin: 0 auto; max-width: 1024px; font-family: 'Montserrat', Arial, Helvetica, sans-serif;; background-color: #fff; }

.head { text-align: center; }
    .head img { width: 100%; }
.footer { background-color: #e7e6e1; padding: 20px 30px; margin-bottom: 25px; margin-top: 45px; }

.intro { width: 100%; display: block; }
    .intro .texto { color: #606060; display: block; font-size: 18px; font-weight: 500; line-height: 26px; margin-top: 25px; }
        .intro .texto p { margin: 30px 90px; }
            .intro .texto p strong { color: #18191e; }
        .intro .texto span { color: #11c3ce; }
    .intro .title { color: #18191e; font-size: 24px; font-weight: 800; margin: 25px 90px; }
    .intro .place { color: #606060; font-size: 20px; font-weight: 400; margin: 25px 90px; }
    .intro .tag p { font-size: 24px; text-align: center; margin: 25px 0; color: #eb6f4a; font-weight: 500; }
.register { text-align: center; margin: 45px 0; color: #fff; display: block; padding: 30px 0; }
    .register a { background-color: #0046ad; color: #fff; font-size: 30px; font-weight: 800; padding: 10px 40px; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; text-decoration: none; text-transform: uppercase; }

.agenda { width: 100%; font-size: 18px; color: #606060; font-weight: 500; padding: 30px 0; display: block; }
    .agenda .title { color: #18191e; font-size: 22px; font-weight: 800; margin: 25px 90px; }
    .agenda p { text-align: left; margin-top: 20px; margin-left: 120px; }
    .agenda span { font-weight: 800; margin-right: 20px; min-width: 26px; display: inline-block; width: 42px; }
    .agenda ol { margin-left: 120px; padding: 0 0 0 58px; list-style-type: square; list-style-position: inside; }
        .agenda ol li { margin: 0.8em 0 !important; list-style: inside; }

.plus { clear: both; display: block; text-align: center; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 16px; }
    .plus a { color: #eb6f4a; clear: both; display: block; text-align: center; text-decoration: none; font-weight: 500; padding: 12px 0px; }
        .plus a:hover { color: #a0a0a0; }
.social { clear: both; display: block; text-align: center; margin: 30px 0; font-size: 0px; }
    .social a { display: inline; padding: 0px 10px; }

.patrocina { clear: both; display: table; width: 100%; margin: 10px auto; text-align: center; font-size: 0px; }
    .patrocina img { margin: 0 20px; width: 160px; padding: 20px 0; vertical-align: top; }

.pjustify { text-align: justify; }
.pcenter { text-align: center; }
.pbutton { color: #fff; background-color: #cb4cff; width: 360px; line-height: 34px; margin: 18px auto 0 !important; text-align: center; }

@media (max-width: 768px) {
    .intro .title { font-size: 20px; margin: 15px 18px; }
    .intro .place { font-size: 16px; margin: 15px 18px; }
    .intro .texto p { margin: 12px 18px; font-size: 16px; line-height: 24px; }

    .agenda { font-size: 16px; line-height: 24px; }
        .agenda .title { font-size: 20px; margin: 18px; }
        .agenda span { margin-right: 10px; min-width: auto; width: auto; }
        .agenda p { margin-left: 18px; }
        .agenda ol { margin: 0px 8px 0 18px; padding: 0 0 0 8px; }
    .register a { font-size: 24px; }

    .patrocina img { padding: 24px 0; }
}
