/**
 * Quote styles
 */
.quote {
    position: relative;
    margin: 1.5em 0;
}

.quote > i {
    position: absolute;
    top: -10px;
    left: -7px;
    font-size: 2em;
}

.quote > small {
    margin-left: 50px;
    opacity: 0.7;
    font-size: 1em;
}

.quote > p {
    margin-left: 50px;
    font-size: 1.5em;
}

@media all and (max-width: 540px) {
    .quote > i {
        left: -15px;
        font-size: 1.5em;
    }

    .quote > small {
        margin-left: 20px;
        ont-size: 1em;
    }

    .quote > p {
        margin-left: 20px;
        font-size: 1.2em;
    }
}