/* cmsms stylesheet: Div Container modified: 11/14/17 13:49:41 */
<style>
div.container {
    border: 1px solid gray;
    background-color:royalblue;
    color:white;
}

.NewsSummary {
    padding: 25px;
    background-color: white;
    box-shadow: 0 4px 8px 0 gray, 0 6px 20px 0 royalblue;
}

body {
    background-color:royalblue;
}

header, footer {
    padding: 1em;
    color: white;
    background-color:royalblue;
    color:white;
    text-align: center;
}

aside {
    float: left;
    max-width: 160px;
    margin: 0;
    padding: 1em;
    background:royalblue;
    color:white;
}
nav {
    float: left;
    max-width: 160px;
    margin: 0;
    padding: 1em;
    background:royalblue;
    color:white;
    text-transform: uppercase;
    word-wrap: break-word;
}

nav ul {
    list-style-type: none;
    padding: 0;
}
   
nav ul a {
    text-decoration: none;
    color:white;
}

nav ul a:hover {
    color: goldenrod;
    background-color: transparent;
    text-decoration: underline;
}

section {
    width:60%
    border-left: 1px solid gray;
    padding: 1em;
    overflow: hidden;
    background:white;
    color:black;
}

article {
    width:60%
    border-left: 1px solid gray;
    padding: 1em;
    overflow: hidden;
    background:white;
    color:black;
}
/*The width is 100%, when the viewport is 800px or smaller*/
@media (max-width:800px) {
  aside, nav, section, article {
    width:100%;
  }
</style>