html { 
	background: url(https://media3.giphy.com/media/jjaHTOQZJD7ZC/200w.gif#148) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body {
	background: none;
	color: #fff;
}
.header {
	text-align: center;
}
h1 {
	color: #fff;
}
.panel {
	background: #202020;
	border-color: #202020;
}
.row {
	max-width: 75rem;
	opacity: 0.85;
	filter: alpha(opacity=85); /* For IE8 and earlier */
}
a {
	color: eee;
}
a :visited{
	color: eee;
}
a :hover{
	color: fff;
}

#previousCatVideo {
	text-align: left;
}
#randomCatVideo {
	text-align: center;
}
#nextCatVideo {
	text-align: right;
}

@media only screen 
and (max-width : 1271px) {
	h1 { 
		font-size: 78px; 
	}
}


@media only screen 
and (max-width : 1085px) {
	h1 { 
		font-size: 64px; 
	}
}


@media only screen 
and (max-width : 930px) {
	h1 { 
		font-size: 48px; 
	}
}


@media only screen 
and (max-width : 754px) {
	h1 { 
		font-size: 28px; 
		margin: 10px 0;
	}
}


@media only screen 
and (max-width : 540px) {
	h1 { 
		font-size: 20px; 
		margin: 10px 0;
	}
}


@media only screen 
and (max-width : 450px) {
	h1 { 
		font-size: 26px; 
		margin: 10px 0;
	}
}