/* Base CSS */
html, body {
color: #fff;
font: 100 100%"Roboto", sans-serif;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
a {
color: #ccc;
font-size: 25px;
transition: .25s;
-moz-transition: .25s;
-webkit-transition: .25s;
-o-transition: .25s
}
a:hover {
color: #fff;
text-decoration: none
}
/* Sections */
section {
height: 100%;
}
section.top {
background: url('../img/top.jpg') no-repeat center center fixed;
}
section.middle {
background: url('../img/middle.jpg') no-repeat center center fixed;
}
section.bottom {
background: url('../img/bottom.jpg') no-repeat center center fixed;
}
/* Titles */

section h1 {
font-weight: 100;
font-size: 100px;
float: none;
text-align: center;
display: inline-block;
vertical-align: middle;
letter-spacing: 10px
}
/* Center the div */

section > div.center {
text-align: center;
vertical-align: middle;
height: auto;
width: auto;
}