html {
  position: relative;
  min-height: 100%;
}

.navbar {
  border: 0;
}

body{
	background-color:#07bdaa;
	margin-bottom:100px;
}

p{
	font-family: 'Varela Round', Helvetica, sans-serif;
	color:#ffffff;
	font-size: 1em;
	padding:1em;
}

.center{
	text-align:center;
}

/* unvisited link */
a:link {
    color: #0c7b6f;
}

/* visited link */
a:visited {
    color: #0c7b6f;
}

/* mouse over link */
a:hover {
    color: #ffffff;
}

/* selected link */
a:active {
    color: #0c7b6f;
}

button{
	background-color:#0c7b6f;
	border:none;
	font-family:'Varela Round', Helvetica, sans-serif; 	
	color:#ffffff;
	padding:10px 15px;
	font-size:1.5em;
	border:solid 2px #ffffff;
}

button:hover{
	background-color:#05cca4;
	border:none;
	font-family:'Varela Round', Helvetica, sans-serif; 	
	color:#ffffff;
	padding:10px 15px;
	font-size:1.5em;
	border:solid 2px #ffffff;
}

@media all and (min-width: 900px) {
	div.quote{
	font-family: 'Varela Round', Helvetica, sans-serif;
	color:#ffffff;
	font-size: 4em;
	text-align:center;
	padding:.5em 2em .8em 2em;
}

h1{
	font-family: 'Oswald', Helvetica, sans-serif;
	color:#0c7b6f;
	font-size: 3em;
	text-align:center;
	padding-top: 1em;	
	text-transform: uppercase;
	font-weight:700;
}

h2{
	font-family: 'Oswald', Helvetica, sans-serif;
	color:#0c7b6f;
	font-size: 2em;
	text-align:center;
	text-transform: uppercase;
	font-weight:300;
	margin-top:0px;
}

h3{
	font-family: 'Varela Round', Helvetica, sans-serif;
	color:#ffffff;
	font-size: 2em;
	padding:1em;
}

div.image img{
	display:block;
	margin-right:auto;
	margin-left:auto;
	margin-top:4em;
}
}



@media all and (max-width: 900px) {
	div.quote{
	font-family: 'Varela Round', Helvetica, sans-serif;
	color:#ffffff;
	font-size: 2em;
	text-align:center;
	padding:.2em 1em 2em 1em;
}

h1{
	font-family: 'Oswald', Helvetica, sans-serif;
	color:#0c7b6f;
	font-size: 2.5em;
	text-align:center;	
	padding-top: 0em;
	text-transform: uppercase;
	font-weight:700;
}

h2{
	font-family: 'Oswald', Helvetica, sans-serif;
	color:#0c7b6f;
	font-size: 1.2em;
	text-align:center;
	text-transform: uppercase;
	font-weight:300;
	margin-top:0px;
}

h3{
	font-family: 'Varela Round', Helvetica, sans-serif;
	color:#ffffff;
	font-size: 1.4em;
	padding:1em;
}

div.image img{
	display:block;
	margin-right:auto;
	margin-left:auto;
	margin-top:3em;
}
}