@media only screen and (max-width:500px){
	#catvidtext{
		font-size:1vw;
	}
	#desktopnewesttext{
		font-size:1vw;
	}
	
	
}

.recording{
	-webkit-animation-delay:3s;
	-webkit-animation-name:recording;
	-webkit-animation-duration:.75s;
	-webkit-animation-direction:alternate;
	-webkit-animation-iteration-count:infinite;
	animation-delay:3s;
	animation-name:recording;
	animation-duration:.75s;
	animation-direction:alternate;
	animation-iteration-count:infinite;
}

.invisible{
	opacity:0;	
}

.countdown3{
	-webkit-animation-name:countdown3;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;
	animation-name:countdown3;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
}

.countdown2{
	opacity:0;
	-webkit-animation-name:countdown2;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay:1s;
	animation-name:countdown2;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	animation-delay:1s;
}

.countdown1{
	opacity:0;
	-webkit-animation-name:countdown1;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-delay:2s;
	animation-name:countdown1;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	animation-delay:2s;
}

@-webkit-keyframes recording{
	from {opacity:1;}
	to{opacity:0;}
}

@keyframes recording{
	from {opacity:1;}
	to{opacity:0;}
}

@-webkit-keyframes countdown3{
	from {opacity:1;}
	to{opacity:0;}	
}

@keyframes countdown3{
	from {opacity:1;}
	to{opacity:0;}	
}

@-webkit-keyframes countdown2{
	from {opacity:1;}
	to{opacity:0;}	
}

@keyframes countdown2{
	from {opacity:1;}
	to{opacity:0;}	
}

@-webkit-keyframes countdown1{
	from {opacity:1;}
	to{opacity:0;}	
}

@keyframes countdown1{
	from {opacity:1;}
	to{opacity:0;}	
}

.tocategories{
	-webkit-animation-name:tocategories;
	-webkit-animation-duration:.35s;
	-webkit-animation-fill-mode: forwards;
	animation-name:tocategories;
	animation-duration:.35s;
	animation-fill-mode: forwards;
}

@keyframes tocategories{
	from {left:0vw;}
	to{left:-100vw;}
}

.tohome{
	-webkit-animation-name:tohome;
	-webkit-animation-duration:.35s;
	-webkit-animation-fill-mode: forwards;
	animation-name:tohome;
	animation-duration:.35s;
	animation-fill-mode: forwards;
}

@keyframes tohome{
	from {left:-100vw;}
	to{left:0vw;}
}

.torecord{
	-webkit-animation-name:torecord;
	-webkit-animation-duration:.35s;
	-webkit-animation-fill-mode: forwards;
	animation-name:torecord;
	animation-duration:.35s;
	animation-fill-mode: forwards;
}

@keyframes torecord{
	from {left:0vw;}
	to{left:-100vw;}
}

.todthome{
	-webkit-animation-name:todthome;
	-webkit-animation-duration:.35s;
	-webkit-animation-fill-mode: forwards;
	animation-name:todthome;
	animation-duration:.35s;
	animation-fill-mode: forwards;
}

@keyframes todthome{
	from {left:-100%;}
	to{left:0%;}
}

.todtrecord{
	-webkit-animation-name:todtrecord;
	-webkit-animation-duration:.35s;
	-webkit-animation-fill-mode: forwards;
	animation-name:todtrecord;
	animation-duration:.35s;
	animation-fill-mode: forwards;
}

@keyframes todtrecord{
	from {left:0%;}
	to{left:-100%;}
}


.font-title-s12{
	font-size:4.5em;
}

.font-s12{
	font-size:3em;
}

@media (min-width:601px){
	.font-title-m6{
		font-size:3em;
	}
	
	.font-m6{
		font-size:2em;
	}
}	

@media (min-width:993px){
	
	.font-title-l4{
		font-size:2.5em;
	}
	
	.font-l4{
		font-size:1.75em;
	}
}

@media (min-width:2000px){
	
	.font-title-l4{
		font-size:2em;
	}
	
	.font-l4{
		font-size:1.25em;
	}
}

#videodialog #closex{
	font-size:2.5em;
}

.videodialogcontent{
	width:80%;
}

.closex{
	z-index:1;
	margin-right:.5em;
	margin-top:.5em;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	font-size:2em;
}