.patient_dropdown_toggle {
    background-image: url('../images/patient-img3.png');
}

.doctor_dropdown_toggle {
    background-image: url('../images/doctor-img.png');
}

.parallax_section {
    background-image: url('../images/parallax-city-img-p-1600.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.callout_section2 {
    background-image: linear-gradient(rgba(0, 0, 0, .49), rgba(0, 0, 0, .49)), url('../images/parallax-img-p-1600.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
}

.slide1 {
    background-image: linear-gradient(203deg, rgba(0, 0, 0, 0) 15%, rgba(255, 255, 255, .89)), url('../images/slide1a-p-1600.jpg');
    background-position: 0 0, 70%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.slide2 {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 47%, rgba(255, 255, 255, .87)), url('../images/slide2_1-p-1600.jpg');
    background-position: 0 0, 80% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.slide3 {
    background-image: linear-gradient(16deg, #c8e9ff, rgba(255, 255, 255, .02) 69%, rgba(255, 255, 255, 0)), url('../images/slide3-p-1600.jpg');
    background-position: 0 0, 80% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

@media (min-width: 480px) {

    .slide1 {
        background-image: linear-gradient(263deg, rgba(0, 0, 0, 0) 15%, rgba(255, 255, 255, .46)), url('../images/slide1a.jpg');
        background-position: 0 0, 50% 0;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
    }

    .slide2 {
        background-image: url('../images/slide2_1.jpg');
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .slide3 {
        background-image: url('../images/slide3.jpg');
        background-position: 50% 20%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .parallax_section {
        background-image: url('../images/parallax-city-img.jpg');
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

    .callout_section2 {
        background-image: linear-gradient(rgba(0, 0, 0, .49), rgba(0, 0, 0, .49)), url('../images/parallax-img.jpg');
        background-position: 0 0, 50%;
        background-repeat: repeat, no-repeat;
        background-size: auto, cover;
        background-attachment: scroll, fixed;
    }

}