.home-fullscreen-area .quote {
    position: absolute;
    z-index: 2;
    border-top: solid 3px white;
    border-bottom: solid 1px white;
    right: 1em;
    bottom: 2em;
    padding: 1em;
    left: 1em;
}
.home-fullscreen-area .quote:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 15px 10px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.home-fullscreen-area .quote p {
    font-size: .8em;
    line-height: 1.4em;
    color: white;
}

@media only screen and (min-width: 800px){
    .home-fullscreen-area .quote {
        left: auto;
        width: 50%;
    }
    .home-fullscreen-area .quote:before {
        left: auto;
        transform: none;
    }
    .home-fullscreen-area .quote p {
        font-size: 1.7em;
    }
}
@media only screen and (min-width: 1400px){
    .home-fullscreen-area .quote {
        width: 30%;
        right: 10em;
        bottom: 6em;
        padding: 4em 2em;
    }
}