html, body {
	font-family: none;
	font-size: none;
}
mark {
    background-color: yellow !important;
}

@media (max-width: 768px) {
    .pauseT:before, .pauseT:after {
        font-size: 1.95em;
    }
}
.cat {
	max-height:360px;
	position:absolute;
	top:35px;
}
.cat-left {
	float:right;
	right:0;
}
.cat-right {
	float:left;
	left:0;
}
.video-player {
    width:calc(100% - 100px);
    height:auto;
    max-width:640px;
    max-height:360px;
    margin:25px;
    margin-top:15px;
    border:5px solid gray;
    border-radius:5px;
    box-shadow:0 0 30px white;
}
.pause {
    background-image: url('/images/YouTube-icon-full_color.png')!important;
    background-size: 100px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.pause.nooverlay {
	background-image:none !important;
}
#button {
    margin:25px 50px;
    margin-top:0px;
    width:calc(100% - 100px);
    max-width:440px;
}
footer {
    background: black;
    height: auto;
    width: calc(100% - 100px);
    padding: 35px 50px;
    position: relative;
    margin-top: 425px;
}
.footer-container {
    padding:15px 0;
}
.content {
    margin:15px;
    border:1px solid lightgrey;
    border-radius:3px;
    box-shadow:0 1px 3px lightgrey;
    background:white;
    padding:50px;
    width:calc(100% - 30px);
    height:auto;
    overflow:hidden;
}
p:not(.centered) {
    font-size:1.25em;
}
@media (max-width:768px) {
	.cat {
		display:none;
	}
	.video-player {
		width:100%;
		margin:0;
		border:none;
		box-shadow:none;
	}
	.content {
		width:calc(100%);
		margin:0;
		padding:15px;
	}
	h1 {
		font-size:1.25em;
	}
}