/* Enter Your Custom CSS Here */

body, .body {
	margin: 0!important;
	overflow-x: hidden!important;
}

.panel.background-panel, body.home .panel.background-panel.film-status {
	width: calc(100% - 30px);
}
h4 {
	font-weight: 400!important;
	letter-spacing: 0.04em!important;
}
.home .description H4 {
	font-weight: 400!important;
}
#socialmedia h2 {
	margin-bottom: 0px;
}
@media (max-width: 600px) {
.home h3.announcement {
	font-size: 20px;
}
	body.home #container #content .header .video-overlay .button-wrapper {
		position: relative;
		bottom: inherit;
	}
	body.home #container #content .header .video-overlay {
		top: 50%!important;
	}
	body.home #container #content .header .video-overlay .tt-mobile {
		margin-bottom: 0px;
	}
}
@media (min-width: 800px) {
.panel.background-panel, body.home .panel.background-panel.film-status {
	width: calc(100% - 60px);
}
	body.page-template-default #content header .wrapper {
		width: calc(100% - 30px);
	}
body.home #home-menu {
	width: calc(100% - 40px);
}
	body.home #container #content .header .video-overlay .button-wrapper {
		width: 80%;
		left: 10%;
		text-align: center;
		bottom: -138%;
	}
	.home h3.announcement {
	font-size: 22px;
}
}
@media (min-width: 1000px) {
	body.home #container #content .header .video-overlay .button-wrapper {
		width: 100%;
		left: 0;
		bottom: -78%;
	}
	.campaign-announcement {
	right: 50px;
	bottom: 50px;
		transform: rotate(-5deg);
}
}
@media (min-width: 1200px) {
.panel.background-panel, body.home .panel.background-panel.film-status {
	width: calc(100% - 80px);
}
	.home h3.announcement {
	font-size: 25px;
}
}