@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Slabo+27px&display=swap');

header {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
}

nav {
	width: 100%;
	height: 2.5em;
	text-align: center;
}

ul {
width: 90%;
margin: 0 auto;
}


li {
	font-family: 'Slabo 27px', Georgia, serif;
	font-size: 1em;
	font-weight: 400;
	margin-left: 6em;
	display: inline-block;
	letter-spacing: .05em;
	line-height: 2.5em;
}

ul li:first-child {
	margin-left: 0;
}

a {
color: #94b185;
text-decoration: overline;
}

a:hover {
	color: #E46C84;
	text-decoration: none;
}

#cat-vid {
	width: 100%;
	height: 35em;
	overflow: hidden;
	background-color: antiquewhite;
	position: relative;
}

video {
	width: 100%;
	height: auto;
	background-color: burlywood;
}

#cat-vid img{
	position: absolute;
	top: 10%;
	left: 5%;
	opacity: 0.7;
}

@media (max-width: 1200px){
	#cat-vid{
		height: 30em;
	}
	
	
}
@media (max-width: 950px) {
	#cat-vid {
		height: 25em;
	}
	#cat-vid img{
	top: 9%;
	width: 18%;
	}
	li {
	margin-left: 5em
	}
	body {
		background-color: rgba(243,255,251,1.00);
	}
}
@media (max-width: 800px) {
	#cat-vid {
		height: 20em;
	}
	
	#cat-vid img{
		width: 16%;
	}
	
	.faq {
		display: none;
	}
	
	li {
	margin-left: 4em;
	width: 20%;
	font-size: .80em;
	text-transform: uppercase;
	}
	
	.kitten {
		display: none;
	}
}
@media (max-width: 700px) {
	#cat-vid {
		height: 17.5em;
	}
	#cat-vid img{
		width: 23%;
	}
	
	.kitten {
		display: none;
	}
	body {
		background-color: rgba(220,252,241,1.00)
	}
}
@media (max-width: 500px) {
	#cat-vid{
		height: 100%;
		width: 100%;
	}
	
	#cat-vid img {
		Width: 21%
	}

}

@media (max-width: 426px) {
	
}