@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,700|Roboto:300,400,500,700');
    body {
        background: #F0E8D0;
    }
    
    body,
    p {
        font-family: 'Roboto', sans-serif;
        color: #333;
        font-size: 1.2rem;
    }
    
    p.text-small {
        font-size: .8rem;
    }
    
    p.text-medium {
        font-size: 1rem;
    }
    
    h3 {
        font-family: 'Comfortaa', cursive;
        color: #333;
        font-size: 1.7rem
    }
    
    h5 {
        font-family: 'Roboto', sans-serif;
        color: #333;
        font-size: 1.2rem;
        margin: 0;
        font-weight: 500;
    }
    
    h4 {
        font-family: 'Comfortaa', cursive;
        color: #911914;
        font-weight: 700;
    }
    
    h2 {
        font-family: 'Comfortaa', cursive;
        color: #911914;
        font-weight: 300;
        display: inline-block;
        padding: .8rem;
        font-size: 1.4rem;
        background: #D8CA9F;
    }
    
    .premio img {
        padding: 1rem 0;
    }
    
    ul li a {
        font-family: 'Roboto', sans-serif;
        color: #333;
        font-weight: 500;
    }
    
    a {
        color: #666;
    }
    
    a:hover {
        color: #911914;
    }
    
    ul li a:hover {
        background: #D8CA9F;
        color: #911914;
    }
    
    .off-canvas {
        background: #fefefe;
    }
    
    blockquote {
        color: #911914;
        border: 0;
    }
    
    .imgtop {
        height: 55vh;
    }
    
    .imgtop1 {
        background: url('../img/galeria/PM001.jpg') no-repeat center center;
        background-size: cover;
    }
    
    .imgtop2 {
        background: url('../img/galeria/PM037.jpg') no-repeat center center;
        background-size: cover;
    }
    
    .imgtop3 {
        background: url('../img/galeria/PM072.jpg') no-repeat center center;
        background-size: cover;
    }
    
    .imgtop4 {
        background: url('../img/galeria/PM076.jpg') no-repeat center center;
        background-size: cover;
    }
    
    .imgtop5 {
        background: url('../img/galeria/PM152.jpg') no-repeat center center;
        background-size: cover;
    }
    
    .imgtop6 {
        background: url('../img/galeria/PM070.jpg') no-repeat center center;
        background-size: cover;
    }
    
    .imgtop7 {
        background: url('../img/galeria/PM043.jpg') no-repeat center center;
        background-size: cover;
    }
    
    .imgtop8 {
        background: url('../img/galeria/PM006.jpg') no-repeat center center;
        background-size: cover;
    }
    
    .imgtop9 {
        background: url('../img/galeria/PM015.jpg') no-repeat center center;
        background-size: cover;
    }
    
    .bgmenu {
        border-bottom: solid 1px #333;
        padding: 1.6rem 0 .8rem;
    }
    
    .is-dropdown-submenu {
        min-width: 260px !important;
        border: 0;
        background: #F0E8D0;
        z-index: 9999;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
    }
    
    .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        border-color: #999 transparent transparent;
    }
    
    .is-drilldown-submenu {
        background: #fefefe;
    }
    
    .js-drilldown-back > a::before {
        border-color: transparent #999 transparent transparent;
    }
    
    .is-drilldown-submenu-parent > a::after {
        border-color: transparent transparent transparent #999;
    }
    
    .title-bar-title {
        font-weight: 200;
    }
    
    .titulo {
        position: absolute;
        top: 10vh;
        z-index: 1;
        width: 100%;
        font-size: 2rem;
        font-family: 'Comfortaa', cursive;
        padding: 2rem;
        color: #fff;
        text-shadow: 3px 3px 5px #000;
    }
    
    .orbit-previous,
    .orbit-next {
        -ms-transform: translateY(-30%);
        transform: translateY(-30%);
        z-index: 10;
        padding: 1rem;
        position: fixed;
        top: 50%;
    }
    
    .seta .orbit-previous,
    .seta .orbit-next {
        position: absolute !important;
        z-index: 10;
        -ms-transform: translateY(-25%)!important;
        transform: translateY(-25%)!important;
        top: 40%;
    }
    
    .feature-y {
        padding: 3rem 0 0;
    }
    
    .feature-x {
        padding: 0 3rem;
    }
    
    .box p,
    .medal p {
        font-size: 1rem;
        font-style: italic;
    }
    
    .has-tip {
        border-bottom: 0;
        font-weight: bold;
        cursor: pointer;
    }
    
    .pace {
        -webkit-pointer-events: none;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }
    
    .pace-inactive {
        display: none;
    }
    
    .pace .pace-progress {
        background: #911914;
        position: fixed;
        z-index: 200000;
        top: 0;
        right: 100%;
        width: 100%;
        height: 5px;
    }
    
    .imgpremio {
        width: 100px;
    }
    
    .flip-card {
        position: relative;
        height: 100%;
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity .5s;
        /* Safari */
        transition: opacity .5s;
    }
    
    .flip-card:hover {
        opacity: 1;
    }
    
    .flip-card * {
        color: #333;
    }
    
    figcaption * {
        color: #fff;
    }
    
    .box-flip {
        position: absolute;
        bottom: 0;
        width: 100%;
        margin: 0;
    }
    
    .off-canvas-wrapper {
        padding-bottom: 5rem;
    }
    
    .accordion-title {
        font-size: .9rem;
    }
    
    .accordion-title:hover {
        background: #D8CA9F;
    }
    
    cite {
        font-size: 1rem;
        color: #333;
    }
    
    cite:before {
        content: ""
    }
    
    .creditos {
        font-size: 1rem;
        color: #333;
    }
    
    .numeracao {
        float: right;
    }
    
    .numeracao:before {
        content: "Nº "
    }
    
    .numeracao2 {
        font-size: .9em;
        color: #333;
    }
    
    .numeracao2:before {
        content: "Nº "
    }
    
    .scroll {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100vh;
        width: 100%;
    }
    
    @media screen and (max-width: 64em) {
        .bulletshome {
            display: none;
        }
    }
    
    @media screen and (max-width: 40em) {
        .text-right {
            text-align: left;
        }
        .imgtop {
            height: 95vh;
        }
        .thumbnail {
            border: solid 12px #fefefe;
        }
        .orbit-previous,
        .orbit-next {
            top: 50%;
            color: #911914;
            font-size: 1.8rem;
            position: fixed;
        }
        .bulletshome {
            position: absolute;
            bottom: 0;
        }
        .seta .orbit-previous,
        .seta .orbit-next {
            position: fixed !important;
            z-index: 10;
            -ms-transform: translateY(-25%)!important;
            transform: translateY(-25%)!important;
            top: 40%;
        }
        .poesia {
            padding: 2rem 0;
        }
    }