@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
.container{
	font-family:sans-serif;
	width:90%;
	margin:auto auto;
	box-sizing:border-box;
}
.header{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.logo{
	width:35%;
	margin-top:1%;
	margin-bottom:1%;
}
.logo img{
	max-width:100%;
}
.video {
	display:flex;
}
.menu-header-menu-container ul{
	list-style-type:none;
}
.menu-header-menu-container ul li{
	font-family: 'Abril Fatface', cursive;
	display:inline-block;
	margin-right:30px;
	color:#CCC;
}
.menu-header-menu-container ul li a{
	text-decoration:none;
}
.menu-header-menu-container ul li:last-child{
	margin-right:0;
}
.video_wrapper{
	width:75%;
}
.chat{
	width:25%;
	margin-left:2%;
	padding:10px;
}
.donation_bar {
	margin:0 0 2% 0;
	background-color:#92278f;
	padding:20px 20px;
	color:#FFF;
	font-size:24px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-family: 'Abril Fatface', cursive;
}
.donation_bar .number{
	transform: skewX(-10deg);
}
.donation_bar .button {
	border-radius:10px;
	background-color:#ed145b;
	text-align:center;
	padding:5px 20px;
}
.donation_bar .button a{
	color:#FFF;
	text-decoration:none;
}
.donate{
	display:flex;
	align-items:center;
	margin-top:3%;
	background-color:#a0bf7c;
	padding:10px;
}
.donate .button {
	border-radius:10px;
	width:150px;
	background-color:#506819;
	padding:10px;
	margin-top:10px;
	text-align:center;
}
.donate .button:hover {
	background-color:#728A3B;
}
.donate .button a{
	text-decoration:none;
	color:#FFF;
}
.donate .logo{
	width:300px;
	margin-right:20px;
}
.donate .logo .cp_logo{
	min-width:100px;
}
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 870px) {
	.video{
		flex-direction:column;
	}
	.video_wrapper{
		width:100%;
	}
	.menu ul li{
		margin-right:10px;
	}
}
@media only screen and (max-width: 750px) {
	.chat{
		display:none;
	}
}
@media only screen and (max-width: 730px) {
	.header{
		flex-direction:column;
	}
	.logo{
		width:50%;
		margin-top:1%;
		margin-bottom:1%;
	}
	.menu ul{
		padding:0;
	}
	.donation_bar {
		font-size:18px;
		margin:0 0 2% 0;
		padding:10px;
}