.page-header {
    margin:0;
    height:auto;
    border: solid 2px black;

    
}

.imgHeader {
    width:40vw;
    padding:2em;
    margin:0;
    line-height:200%;
    
    font-family: 'Heather', serif;
    font-size:2em;
}

.imageContainer {
    display: flex;
    text-align: center;
    justify-content: center;
    
    background-image: linear-gradient(to right, grey, lightgrey, white, white, white, white);

    margin-bottom:30px;
}

.image {
    height:77vh;
    border-radius:25px;
    margin-top:0px;
    margin-bottom:5px;
}

@media screen and (max-width: 1900px) {
    .image {height:50vh;}
    .imgHeader {width:100%; padding:1em;}
    .imageContainer {
        flex-wrap:wrap;
        background-image: none;
        background-color: lightgrey;
    }
}

@media screen and (max-width: 1000px) {
    .image {height:35vh;}
}

@media screen and (max-width: 800px) {
    
    .image {height:29vh;}
}