@media screen and (max-width: 480px) {
    h2{
        font-size:1.3em;
        padding:15px;
        margin:20px 0;
    }

    p, li {
        line-height: 1.4;
    }

    div.header {
        padding:10px;
    }

    #story-container {
        padding: 0 15px;
        margin: 0 0 20px 0;
    }

    div.story {
        margin: 0 0 30px 0;
        padding-top: 20px;
    }

    img.main {
        margin: 0 0 20px 0;
    }
}

@media screen and (max-width: 390px) {
    img.header{
        margin:0 auto 0 0;
        width:calc(100% - 80px);
        padding-left:0;
    }
}