body{
    margin:                 auto;
    text-align:             justify;
    position:               relative;
}
.heading{
    height:                 24em;
    background-size:        cover;
    background-repeat:      no-repeat;
}
h1{
    position:               absolute;
    left:                   1em;
    top:                    9em;
    margin:                 0;
    font-size:              2em;
    color:                  white;
    text-shadow:            2px 2px 2px black;
}
.aside {
    margin:                 1em;
}
.aside a:link{
    text-decoration:        none;
    font-size:              small;
}
p.summary {
   padding:                0 5em;
   color:                  grey;
}
p.summary:before, p.summary:after {
    content:                "";
    display:                block;
    border:             1px solid grey;
    width:                  50%;
    color:                  grey;
    margin:                 2em auto;
}
.content{
    line-height:            1.5;
}
.content img{
    display:                block;
    margin:                 auto;
}
.content p{
    margin-bottom:          1.5em;
}
@media screen and (max-width:640px){
    body{
        margin:             0;
        width:              100%;
    }
    .heading{
        height:             15em;
        background-size:    cover;
        background-repeat:  no-repeat;
    }
    h1{
        position:           static;
        color:              black;
        text-shadow:        none;
        padding:            0.5em 0.5em;
    }
    .aside{
        margin:             auto;
        text-align:         center;
    }
    p.summary{
        display:            inline-block;
        padding:            0 1em;
    }
    .content p{
        padding:            0 1em;
        margin:             1em 0;
    }
    .content img{
        max-width:          90%;
    }
}