@import url("https://fonts.googleapis.com/css?family=Lato:300,%20400,700");

body{
	color: #fff;
	font: 16px/24px 'Lato', sans-serif;
	text-align: center;
	background: #C04848;
	background: -webkit-linear-gradient(to right, #480048, #C04848); 
	background: linear-gradient(to right, #480048, #C04848); 
}

a, .hover:hover {
	color: #fff;	
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	text-decoration: none;
}

a:hover { color: #bbb; text-decoration: none; outline: none; }
a:active, a:focus { outline: none; text-decoration: none; color: #fff; }
.hover { opacity:1;}
.hover:hover { opacity:0.8;}

.logo {margin:0px auto 30px; }

h2 { font-weight: 300; font-size: 28px; margin: 0 auto 15px; }
h3 { font-size: 15px; margin: 25px auto; color: #fff; }
h4 { font-size: 16px; text-transform:uppercase; letter-spacing:2px; }

footer, header { background: #111; padding: 50px 0; margin-top:60px;}
header { margin:0 0 30px;}

footer span.copyright {
	color: #999;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 auto;
}
footer span.copyright a:active, footer span.copyright a:focus { color: #fff; }