/* iPads (landscape) ----------- */

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    html {
        height: 100%;
        overflow: auto;
    }
    body {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .brand {
        margin-top: -15px;
        padding: 0;
        height: 180px;
    }
    .content-index {
        margin-top: 10rem;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 30rem;
    }
    .text-welcome {
        font-size: 3rem;
    }
    .brand {
        height: 120px;
    }
    .navbar .nav > li > a {
        font-size: 1.5rem;
    }
}