body{
    margin: 0;
}


header{
    background: #304480;
    padding: 0px 0px;
}
h1{
    color: #fff;
}
article, aside{
    margin: 0 20px;
}
article{
    border-bottom: 1px solid #304480;
}




@media screen and (min-width: 768px){
    header, .content{
             width: 728px;
             margin: 0 auto;
             padding: 10px 20px;
    }
    article, aside{
             float: left;
    margin: 0px;
    }
        article{
                width: 80%;
                border-bottom: 0px;
    }
        aside{
                width: 20%;
    }
    @media screen and (min-width: 1024px){
        header, .content{
                 width: 940px;
} }
}