@import url(https://fonts.googleapis.com/css?family=Margarine);

body, html {
  height: 100%;
  margin: 0;
}

body {
	font-family: Arial, Helvetica, Sans-Serif;
	color: white;
	background-color: #0260C4;	
	background-image: url("/img/shark.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

a {
	color: #3290F4;
	text-decoration: none;
}

#content {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}

#slogan {
	font-family: 'Margarine', cursive;
	font-size: 250%;
	text-shadow: 2px 2px 4px #000000;
	margin-bottom: 50px;
}

@media (min-width: 576px) {
  #slogan {
    font-size: 500%;
  }
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}