.heroimagecontainer {
    background-image: url(../images/about-hero-desktop.jpg);
}
@media (max-width: 1000px) {
    .heroimagecontainer {
        background-image: url(../images/about-hero-mobile.jpg);
    }
}
#meegan_and_dyan {
    margin: 30px 0;
}
#meegan_and_dyan img {
    width: 50%;
    margin: auto;
}
@media (max-width: 1000px) {
    #meegan_and_dyan img {
        width: 80%;
    }
}
@media (max-width: 500px) {
    #meegan_and_dyan img {
        width: 90%;
    }
}
p.imagetitle {
    font-family: 'Lora', serif;
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}

h2 {
    margin-top: 20px;
}

.imagegallery {
    margin-top: 30px;
}

#joinussection .buttoncontainer {
    margin-top: 20px;
}