.quote-generator {
    background-image:url(../img/backgrounds/background_generator.png);
    background-size:cover;
    background-position:top;
    background-repeat: no-repeat;
}

.quote-generator .container {
    background-image:url(../img/backgrounds/quote-open.png), url(../img/backgrounds/quote-close.png);
    background-size:auto, auto;
    background-position:top left, top right;
    background-repeat: no-repeat, no-repeat;
}

.quote-generator h4,
.quote-generator h2,
.quote-generator p {
    color:#fff;
}

.quote-generator .quote-generator__content {
    text-align: center;
}

.quote-generator .quote-generator__content__subtitle h4 {
    margin-bottom:1rem;
    font-size:2rem;
}

.quote-generator .quote-generator__content__description {
    margin:auto;
}

.quote-generator .quote-generator__buttons,
.quote-generator .quote-generator__results {
    margin-top:3rem;
}

.quote-generator .quote-generator__buttons .col-12 {
    margin-bottom:2rem;
}

.quote-generator .quote-generator__buttons__single {
    min-height:80px;
    cursor:pointer;
}

.quote-generator .quote-generator__buttons__single:hover p {
    color:#fff;
}

.quote-generator .quote-generator__buttons__single p {
    margin:0;
    color:#242424;
    font-weight:600;
}

.quote-generator .quote-generator__results {
    background-color:#fff;
    border-radius:1.5rem;
    text-align: center;
}

.quote-generator .quote-generator__results .col {
    min-height:300px;
}

.quote-generator .quote-generator__results .quote-generator__results__quote__text p {
    margin:0;
    font-family: "adobe-caslon-pro", serif;
    font-size:2.2rem;
    line-height: 1.4545454545454546;
    color:#242424;
}

.quote-generator .quote-generator__results .quote-generator__results__quote {
    padding:5rem 1.5rem 4rem;
}

.quote-generator .quote-generator__results .quote-generator__results__buttons {
    padding:1.5rem 0;
    border-top: 1px solid #008488;
}

.quote-generator .quote-generator__results .quote-generator__results__buttons .btn {
    width:100%;
}

.quote-generator .quote-generator__results .quote-generator__results__quote__hr hr {
    width:30px;
    margin:auto;
    border-bottom:1px solid #d5aa53;
    margin-top:2rem;
    margin-bottom:2rem;
}

.quote-generator__results__social,
.quote-generator__results__refresh,
.quote-generator__results__start-again {
    padding:2rem 1.5rem 0;
}

.quote-generator__results__social {
    padding-top:0;
}

.quote-generator .quote-generator__results__social {
    font-size:1.5rem;
    text-transform: uppercase;
    color:#404040;
    font-weight:600;
    font-family: 'Open Sans';
}

.quote-generator .quote-generator__results__social i {
    font-size:2.4rem;
    color:#404040;
    font-weight:400;
    margin-left:1.2rem;
}

.quote-generator__results__quote i {
    color:#008488;
}

.quote_generator__error-message {
    text-align: left;
}

.quote_generator__error-message h3,
.quote_generator__error-message p {
    text-transform:initial;
    color:#242424;
}

.quote_generator__error-message p {
    padding-top:1rem;
}

.quote_generator__error-message p a {
    color:#008488;
}

.quote_generator__error-message h5 {
    color:#008488;
    text-transform: uppercase;
    padding-bottom:0.4rem;
}

@media (min-width:768px) {
    .quote-generator .quote-generator__content__description {
        width:85%;
    }
    .quote-generator .quote-generator__buttons .col-12 {
        margin-bottom:0;
    }
    .quote-generator .quote-generator__results .quote-generator__results__quote {
        padding:5rem 4rem 4rem;
    }
    .quote-generator .quote-generator__results .quote-generator__results__buttons .btn {
        width:auto;
    }
    .quote-generator__results__social,
    .quote-generator__results__refresh,
    .quote-generator__results__start-again {
        padding:0 0;
    }
}

@media (min-width:992px) {
    .quote-generator .quote-generator__content__description {
        width:75%;
    }
    .quote-generator .quote-generator__content__subtitle h4 {
        margin-bottom:2rem;
        font-size:2.4rem;
    }
    .quote-generator .quote-generator__buttons,
    .quote-generator .quote-generator__results {
        margin-top:5rem;
    }
    .quote-generator .quote-generator__results .quote-generator__results__quote__text p {
        font-size:2.8rem;
        line-height: 1.4285714285714286;
    }
    .quote-generator .quote-generator__results .quote-generator__results__quote {
        padding:5rem 9rem 4rem;
    }
}

@media (min-width:1200px) {
    .quote-generator .quote-generator__content__description {
        width:65%;
    }
}