* {
	box-sizing: border-box; 
}

html, body {
	margin: 0;
	padding: 0;
	
	font-size: 18px;
    font-family: Arial, sans-serif;
	
	background: #E9EBE7;
	color: #122844;
}

/* Main elements */
section {
  width: 100%;
  padding: 0 10%;
  display: table;
  margin: 0;
  max-width: none;
  background-color: #E9EBE7;
  height: 100vh;
}

section:nth-of-type(2n) {
	background-color: #FFF;
}

.content {
  display: table-cell;
  vertical-align: middle;
}

.content h1 {
	margin: 15px 0;
	font-size: 4rem;
}

.content h2 {
	margin: 15px 0;
	font-size: 2.5rem;
}

/* Home panel */
.home {
	text-align: center;
}

.home nav ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}

.home  nav ul li {
	text-align: center;
	font-weight: bold;
}

.home nav ul li a, .home nav ul li a:link, .home nav ul li a:visited {
	color: #FFF;
	background: #122844;
	display: block;
	padding: 25px 0;
	text-decoration: none;
	transition: color 500ms, background 500ms;
}

.home nav ul li a:hover, nav ul li a#active {
	color: #000;
	background: #FFF;
	transition: color 500ms, background 500ms;
}

/* Offer */
.offer {
	color: #FFF;
	background: #122844;
	padding: 25px;
	margin: 12.5px;
	text-align: center;
}

/* Gallery */
.photo {
	padding: 10px;
}

.photo img {
	width: 100%;
}

/* Footer */
footer {
  padding: 1% 5%;
  text-align: center;
  color: #FFF;
  background: #122844;
}

footer a, footer a:link, footer a:visited {
	color: #DDD;
	transition: color 500ms;
	text-decoration: none;
}

footer a:hover {
	color: #FFF;
	transition: color 500ms;
}