/*To remove the small top margin: https://stackoverflow.com/a/13754148*/
body {    
    margin: 0 !important;
    padding: 0 !important;
}

.story_text {
    text-align:left;
    width:50%;
    margin:auto;
    padding-top:400px;
    z-index: 3;
}

/* 250px should be fine, but isn't quite right on my laptop */
.story_text_small_map {
    text-align:left;
    width:50%;
    margin:auto;
    padding-top:270px;
    z-index: 3;
}

.poem_text {
    text-align:left;
    width:50%;
    margin:auto;
}

.intro_text {
    text-align:left;
    width:50%;
    margin:auto;
}

.gallery_text {
    text-align:left;
    width:80%;
    margin:auto;
    padding-top:0px;
    z-index: 3;
}

/* When on small screens, make the text nearly full width
See: http://www.peachpit.com/articles/article.aspx?p=1681040&seqNum=3
*/
@media screen and (max-width: 500px) {
    .story_text {
        width:90%;
    }

    .story_text_small_map {
        width:90%;
    }
    
    .intro_text {
        width:90%;
    }
    
    .gallery_text {
        width:90%;
    }
}