        body {
            font-family: 'Montserrat', sans-serif;
        }
        
        .container-fluid {
            max-width: 802px;
        }
        
        .centered {
            margin: 0 auto;
            text-align: center;
        }
        
        h1 {
            text-transform: uppercase;
            letter-spacing: .05em;
            text-align: center;
            font-weight: 700;
        }
        
        h2 {
            color: #fd6461;
        }
        
        .page-header {
            border: 0 none;
        }
        
        .page-header p {
            color: #666;
        }
        
        .hideable-section {
            display: none;
        }
        
        .example1 {
            margin-left: -45%;
            margin-top: 5%;
        }
        
        .example2 {
            margin-left: -40%;
            margin-top: 15%;
        }
        
        .example3 {
            margin-left: -40%;
            margin-top: 15%;
        }
        
        .example4 {
            margin-left: -40%;
            margin-top: 30%;
        }
        
        .example5 {
            margin-left: -45%;
            margin-top: 40%;
        }
        
        .example6 {
            margin-left: -40%;
            margin-top: 55%;
        }
        
        .example7 {
            margin-left: -30%;
            margin-top: 75%;
        }
        
        .example8 {
            margin-left: -33%;
            margin-top: 97%;
        }
        
        .example9 {
            margin-left: -50%;
            margin-top: 100%;
        }
        
        @media only screen and (max-width: 600px) {
            .example3 {
                margin-top: 5%;
            }
            .example4 {
                margin-top: 15%;
            }
            .example5 {
                margin-left: -35%;
                margin-top: 28%;
            }
            .example6 {
                margin-top: 40%;
            }
            .example7 {
                margin-left: -35%;
                margin-top: 60%;
            }
            .example9 {
                margin-left: -50%;
                margin-top: 85%;
            }
            .example8 {
                margin-left: -38%;
                margin-top: 82%;
            }
        }
        
        #carousel {
            width: 100%;
            margin: 0 auto;
            height: 190px;
            position: relative;
            clear: both;
            overflow: hidden;
        }
        
        #prev,
        #next {
            position: absolute;
            right: 2%;
            top: 73px;
        }
        
        #prev {
            left: 2%;
        }
        
        nav {
            border: 2px solid #0089d0;
            width: 90%;
            margin: 0 auto;
        }
        
        nav::before {
            content: url(../img/pain.png);
            display: block;
            text-align: center;
            margin-top: -10px;
        }
        
        nav::after {
            content: url(../img/arrow.jpg);
            display: block;
            text-align: center;
            margin-bottom: -16px;
        }
        
        nav h1 {
            color: #007bc9;
            font-size: 18px;
            text-transform: uppercase;
        }
        
        nav #carousel img {
            visibility: hidden;
            cursor: pointer;
        }
        
        nav #carousel a,
        #carousel a:hover,
        #carousel a:focus {
            text-decoration: none;
        }
        
        #carousel a span {
            display: none;
        }
        
        #carousel .carousel-center+span {
            display: block;
            text-align: center;
            padding-top: 160px;
            text-transform: uppercase;
            color: #666;
        }
        
        .body {
            margin: 40px 0 0 0;
            width: 100%;
            float: left;
            background: url(../img/degrade.jpg) repeat-x 0 bottom;
            padding-bottom: 40px;
        }
        
        .txt {
            font-size: 18px;
            text-transform: uppercase;
        }
        
        .azul {
            color: #007bc9;
        }
        
        .amarelo {
            color: #f3b23b;
        }
        
        .vermelho {
            color: #fa3613;
        }
        
        .lilas {
            color: #c680bb;
        }
        
        .rosa {
            color: #e6b5a8;
        }
        
        .castanho {
            color: #612d27;
        }
        
        .vinho {
            color: #b43d61;
        }
        
        .turquesa {
            color: #3aa5a5;
            margin-top: -50px;
        }
        
        .verde {
            color: #47b365;
        }