blockquote p {
    font-size: 22px;
    text-align: center;
    font-weight: 600;
}


p.roadwork-bottom-p{
    font-size: .75rem;
    color: #333;
    opacity: .8;
  
}

.rw-firstLine {
    margin: 20% 0 0 2%;
    font-size: 1.35rem;
}

.rw .first-column {
    background-image: url("../images/backgrounds/lightpaperfibers.png");
}

.rw-firstLine p {
    font-family: 'Overpass', sans-serif;
    text-transform: uppercase;
    padding: 5% 3% 5% 3%;
    margin-bottom: 0;
    margin-top: 0;
}


.rw .line {
    background-color: #999999;
    height: 6px;
    width: 250px;
    line-height: 0;
    margin: -3% 0 0 45%;
    padding: 0;
    opacity: .7;
}

.rw-sign-teresa {
    margin-top: 10%;
    margin-left: 5%;
    margin-bottom: 20%;
}

.rw-sign-teresa img {
    padding: 2% 2%;
    background-color: white;
    box-shadow: 0 1px 3px 1px rgba(117, 120, 123, 0.35);
    -ms-transform: rotate(6deg); /* IE 9 */
    -webkit-transform: rotate(6deg); /* Safari */
    transform: rotate(6deg);
    width: 90%;
    height: auto;

}


blockquote p span.one {
    padding-right: 4px;
    position: relative;
    float: left;
    right: 10%;
    top: -20px;
    font-size: 60px;
    line-height: 0;
    font-family: 'Overpass', sans-serif;
    font-weight: 600;
}

blockquote p span.two {
    padding-right: 4px;
    position: relative;
    float: right;
    left: 53px;
    top: 53px;
    font-size: 60px;
    font-family: 'Overpass', sans-serif;
    font-weight: 600;
    line-height: 0;
}

@media only screen and (min-width: 280px) and (max-width: 375px ) {

    .rw-firstLine {
        margin: 5% 0 0 2%;
        font-size: 1.35rem;
    }

    .rw-sign-teresa {
        margin-top: 15%;
        margin-left: 0;
        margin-bottom: 10%;
    }

    .rw-sign-teresa img {
        padding: 2% 2%;
        background-color: white;
        box-shadow: 0 1px 3px 1px rgba(117, 120, 123, 0.35);
        width: 90%;
        height: auto;
        transform: none;

    }

    blockquote p span.one {
        right: 15%;
    }

   .slick-prev.slick-arrow {
        display: none;
    }

   .rw-firstLine p {
        font-size: 1.25rem;
   }

    blockquote p span.two {
        top: 15px;
    }

    article p {
        padding: 0 2% 0 2%;
    }
}

@media only screen and (min-width: 376px) and (max-width: 550px) {

    .rw-firstLine {
        margin: 5% 0 0 2%;
        font-size: 1.35rem;
    }

    .rw-sign-teresa {
        margin-top: 5%;
        margin-bottom: 10%;
        margin-left: 0;
    }

    .rw-sign-teresa img {
        padding: 2% 2%;
        background-color: white;
        box-shadow: 0 1px 3px 1px rgba(117, 120, 123, 0.35);
        transform: none;

    }


    blockquote p span.one {
        font-size: 45px;
    }

    blockquote p span.two {
        font-size: 45px;
        left: 36px;
        top: 33px;
    }

    .rw-firstLine {
        margin: 5% 0 0 2%;
        font-size: 1.15rem;
    }

    p.first-paragraph, article p  {
        padding: 0 3% 0 3%;
    }

}

@media only screen and (min-width: 551px) and (max-width: 760px) {

    .rw-firstLine {
        margin: 5% 0 0 2%;
        font-size: 1.35rem;
    }

    .rw-sign-teresa {
        width: 95%;
        height: auto;
        margin-top: 5%;
        margin-left: 5%;
        margin-bottom: 5%;
    }

    .rw-sign-teresa img {
        padding: 2% 2%;
        background-color: white;
        box-shadow: 0 1px 3px 1px rgba(117, 120, 123, 0.35);
        transform: none;
    }

    blockquote p {
        font-size: 1.15rem;
    }

    .rw-firstLine {
        margin: 5% 0 0 2%;
    }

    p.first-paragraph {
        padding: 0 3% 0 3%;
    }
}

@media only screen and (min-width: 761px) and (max-width: 991px) {

    blockquote p {
        font-size: 1.25rem;
    }

    blockquote p span.one {
        font-size: 45px;
    }

    blockquote p span.two {
        font-size: 45px;
        left: 40px;
        top: 10px;
    }

}