/* Links */

a,
a:focus,
a:hover {
  color: #fff;
}

/* Base structure */

html,
body {
  height: 100%;
}

* {
	box-sizing: border-box;
}

body {
  background: url(../img/cover.jpg) center;
  background-position-y: bottom;
  color: #fff;
  text-align: center;
  font-family: 'Quicksand', sans-serif;
}

.site-wrapper {
  width: 100vw;
  height: 100%;
  background: rgba(48, 53, 70, 0.5);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
}

.cover-container {
	display: flex;
	flex-flow: column;
  margin: auto;
  width: 1060px;
  height: 100%;
}

/* Header */

.header {
	display: flex;
	flex-flow: column;
	flex: 1 1 auto;
	width: 100%;
}

.header .logo {
	margin: auto;
	width: 80%;
}

.header .logo img {
	width: 100%;
	height: auto;	
}

/* Footer */

.footer {
	display: flex;
	flex-flow: column;
	flex: 0 0 auto;
	width: 100%;
	padding: 30px 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
}

@media (max-width: 768px) {
  .cover-container {
	 	width: 100%;
	}
	
	.footer {
		font-size: 16px;
	}
}