.carousel-item {
    height: 100vh;
}


#carousel1 {
    background-image: url('cancun.jpg');
    background-size:cover;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.4); 
    background-position: 50% 20%;
}

#carousel2 {
    background-image: url('watertank.JPG');
    background-size: cover;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.4); 
    background-position: 80% 10%;
}

#carousel3 {
    background-image: url('highway.JPG');
    background-size: cover;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.4); 
    background-position: 10% 20%;
}


.carousel-item h1 {
    color: white;
    position: absolute;
    top: 65vh;
    font-size: 4.5rem;
    left: 7vw;
}

.carousel-item h2 {
    color: white;
    position: absolute;
    font-size: 2.5rem;
    top: 73vh;
    left: 15vw;
}

@media only screen and (max-width:600px) {
    .carousel-item h1 {
        font-size: 2rem;
    }
    
    .carousel-item h2 {
        font-size: 1rem;
        top: 68vh;
    }

    #carousel1 h2{
        top: 76vh;
    }

    #carousel3 h2{
        top: 72vh;
    }