@media only screen and (max-width: 900px) {
    
    .photo2,
    .photo3,
    .photo4{
        background-size: cover;
        background-attachment:inherit;
        height: 30vh;
    }
    
    
    
}
@media only screen and (max-width: 890px) {

    .header {
        height: 60vh;
        background-size: cover;
        background-attachment: inherit;
    }
    
    .header > .header_text {
        margin-top: 270px;
    }
    

}

@media only screen and (max-width: 500px) {
    .header > .header_text > h1 {
        font-size: 33px;
    }
    .header > .header_text > h2{
        font-size: 18px;
    }
    .header > .header_text {
        margin-top: 250px;
    }
}