@media only screen and (min-width: 1900px) {
    .heading_quote {
        font-size: 2em;   
    }

    .two_side_by_side {
        padding: 50px 50px 50px 50px;
    }

        .two_side_by_side p {
            font-size: 1.5em;
        }

        .three_side_by_side p {
            font-size: 1.5em;
        }

    .two_side_by_side h2 a, h2 {
        
        font-size: 2em;
       
    }

    .three_side_by_side h2 a, h2 {
        font-size: 2em;
    }

    .hero_container h1 {
       font-size:2.5em;
    }
}


@media only screen and (max-width: 1100px) {

    .two_side_by_side p {
        font-size: 1em;
    }

    .three_side_by_side p {
        font-size: 1em;
    }

    .two_side_by_side h2 a, h2 {
        font-size: 1.3em;
    }

    .three_side_by_side h2 a, h2 {
        font-size: 1.3em;
    }
}


@media only screen and (max-width: 700px) {

    .flex_box {
        display: block;
    }

    .two_side_by_side {
        
        width: 100%;
        float: none;
       text-align:center;
    }

    .three_side_by_side {
        width: 100%;
        float: none;
        text-align: center;
    }

    .heading_quote {
        position:relative;
        left:unset;
        top:unset;
        text-align:center;
    }

    .hp_opus_logo {
        
        position:relative;
        left: unset;
        top: unset;
        -webkit-transform:unset;
        transform:unset;
    }

    .hero_container h1 {
        font-size: 1.5em;
    }

    .more_info_btn {
        position: relative;
        padding: 5px 20px 6px 20px;
        margin: 20px 0px 0px 0px;
        width: auto;
        height: auto;
        background-color: #000;
        font-size: 1em;
        display: inline-block;
        color: #fff;
        border-radius: 20px;
        text-decoration: none;
    }

    .text_align_left {
        text-align: center;
    }

        .text_align_left p {
            text-align: center;
        }
}