/* Global */
* {
  box-sizing: border-box;
}
body {
  margin:0;
  font-family: "Raleway", sans-serif;
  background:#f5f5f5;
  color:#333;
}
img {
  max-width:100%;
}

/* Header */
header {
  text-align: center;
  padding:100px 0 80px;
}

/* Main */
main {
  width: 1200px;
  margin: 0 auto 100px;
  background: #fff;
  border-top:10px solid #08a7ba;
}

/* Section */
section {
  padding:50px 150px;
}
section > img {
  float: right;
  margin:0 0 20px 20px;
}
h1 {
  font-size: 40px;
  text-align: center;
  margin-top: 0;
}
h2 {
  font-size: 20px;
}
p {
  line-height: 30px;
}

/* Menu */
nav {
  position: fixed;
  width: 100%;
  bottom:0;
}
nav a {
  width: 20%;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color:#fff;
  font-weight: bold;
  padding:20px 0;
  transition:.3s all ease-in-out;
  box-shadow:5em 5em rgba(0,0,0,0) inset;
}
nav a:hover {
  padding-top: 40px;
  box-shadow:5em 5em rgba(0,0,0,0.3) inset;
}
nav a:nth-of-type(1) {
  background-color:#e82231;
}
nav a:nth-of-type(2) {
  background-color:#e61089;
}
nav a:nth-of-type(3) {
  background-color:#f5a21e;
}
nav a:nth-of-type(4) {
  background-color:#89c241;
}
nav a:nth-of-type(5) {
  background-color:#09a8bb;
}