.rf-1 {
    left: 5%;
    width: 40%;
}

.rf-logo {
    width: 240px;
}

.rf-text p {
    width: 700px;
}

.rf-text p:last-child {
    width: fit-content;
    color: #777;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 22px;
    border-radius: 8px;
    background-color: #f2f2f2;
}


/*==================================================*/
@media (min-width: 2250px) {
    .rf-1 {
        left: 10%;
        width: 30%;
    }
}


@media (max-width: 1450px) {
    .rf-text p {
        width: 90%;
    }

    .rf-text p:last-child {
        font-size: 15px;
        padding: 10px 18px;
    }
}


@media (max-width: 1050px) {
    .rf-logo {
        width: 120px;
    }
    
    .rf-text h4 {
        font-size: 65px;
    }
}


@media (max-width: 768px) {
    .rf-1 {
        left: unset;
        right: 0;
        width: 450px;
        min-width: 450px;
        bottom: -20%;
    }
}


@media (max-width: 550px) {
    .rf-1 {
        width: 100%;
        min-width: 100%;
    }
    
    .rf-text h4 {
        font-size: 50px;
    }

    .rf-text p:last-child {
        font-size: 13px;
        padding: 7px 14px;
    }
}


@media (max-width: 450px) {
    .rf-text h5 {
        font-size: 20px;
    }
}