.img-heading {
    background-size: cover;
    background-position: center;
    background-repeat: none;
    min-height: 30vh;
    min-width: 50%;
}
.small-side{

    display: flex;
    justify-content: center;
}


section.three-ages .small-side .img-heading.black-img {
    background-image: url(img/buster-keaton-1-black.png);
}

section.three-ages .small-side .img-heading.white-img {
    background-image: url(img/buster-keaton-1-white.png);
}

/* huuuuu la laa */

 p {
    padding: 5vw 2vh;
}

section.content > .large-side {
    display: flex;
    justify-content: center;
}
section.content > .large-side > img{
    border-radius: 1rem; 
}


section.our-hospitality .small-side .img-heading.black-img {
    background-image: url(img/buster-keaton-2-black.png);
}

section.our-hospitality .small-side .img-heading.white-img {
    background-image: url(img/buster-keaton-2-white.png);
}

section.sherlock .small-side .img-heading.black-img {
    background-image: url(img/buster-keaton-3-black.png);
}

section.sherlock .small-side .img-heading.white-img {
    background-image: url(img/buster-keaton-3-white.png);
}

section.navigator .small-side .img-heading.black-img {
    background-image: url(img/buster-keaton-5-black.png);
}

section.navigator .small-side .img-heading.white-img {
    background-image: url(img/buster-keaton-5-white.png);
}

section.seven-chances .small-side .img-heading.black-img {
    background-image: url(img/buster-keaton-6-black.png);
}

section.seven-chances .small-side .img-heading.white-img {
    background-image: url(img/buster-keaton-6-white.png);
}
section.go-west .small-side .img-heading.black-img {
    background-image: url(img/buster-keaton-7-black.png);
}

section.go-west .small-side .img-heading.white-img {
    background-image: url(img/buster-keaton-7-white.png);
}























@media only screen and (max-width: 750px) {

.three-ages{
    flex-direction: column-reverse;
}
.sherlock{
    flex-direction: column-reverse;
}
.seven-chances{
    flex-direction: column-reverse;
}




.small-side .img-heading{
    min-width: 40vw;
    margin-bottom: 4vh;
}
.wide-narrow> :first-child{
    border: none;
}

 .large-side > img{
    max-width: 80vw;
}

























}