* {
  margin:0;
}
/*  HEADER  */
body {
  font-family:Helvetica, Arial, sans-serif;
  font-size:14px;
}

h1 {
  font-size:38px;
  color:#333;
}

h3 {
  font-weight: normal;
  font-size:15px;
}

.container {
}

section{
  padding:35px 0; 
}

header, footer {
  padding: 25px 0;
}

header {
  background: green;
}

header ul {
  margin:auto;
  overflow: hidden;
  padding:0 0;
  background: pink;
  width:48%;
  border-bottom:5px solid #ec1cff;
}

header ul li {
  display:inline;
  padding:0 25px;
}
header ul li:last-child{
  padding-right:0;
}

header ul li a {
  font-weight:bold;
  text-decoration: none;
  color:#1c5cff;
}

/*  .MAIN  */

.main {
  background: yellow;
}

article {
  margin:auto;
  background: red;
  width:48%;
}

article p {
  padding-top:10px;
  line-height: 1.5em;
}

/*  .PREFOOTER  */

.prefooter {
  margin:auto;
  background: pink;
}
.prefooter h3{
  padding:5px 0;
}

.prefooter ul {
  padding:0 25px;
}

/*  FOOTER  */

footer {
  background: blue;
}
footer p {
  background: red;
  width:50%;
}