html, body { font-size: 16px; } 
body {
    background:lightpink;
}

.clearfix:after {
    display:block;
    clear:both;
}

/*----- Menu Outline -----*/
.menu-wrap {
    width:100%;
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#3e3436;
}

.menu {
    width:1000px;
    margin:0px auto;
}

.menu li {
    margin:0px;
    list-style:none;
    font-family:Verdana;
}

.menu a {
    transition:all linear 0.15s;
    color:white;
}

.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
    color:#be5b70;
}

/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:16px;
}

.menu > ul > li > a {
    padding:10px 10px;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}

.menu > ul > li:hover > a, .menu > ul > .current-item > a {
    background:#2e2728;
}

/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}

header {
  width:1000px;
  background-color:#bd2e40;
  font-family:"Times New Roman", serif;
  float:left;
  font-size:1.2rem;
  text-align:center;
}
h1 {
  margin: 15px 0px;
}
h3 {
  margin: 0px;
}
nav {
  width:1000px;
  background-color:#bd2e40;
  float:left;
  padding:0px;
}
section {
  width:650px;
  background-color:white;
  float:left;
  font-family:"Verdana", "Arial", sans-serif;
  padding:0px 10px 0px 10px;
}
aside {
  width:310px;
  background-color:lightgrey;
  font-family:"Times New Roman", serif;
  padding:10px 10px 10px 10px;
  float:right;
}
footer {
    background-color:black;
   font-family:"Times New Roman", serif;
    color:white;
    clear:both;
    text-align:center;
    padding:5px;
}
div.ex1 {
    width:1000px;
    margin: auto;