/* Fonts */
	@font-face {font-family: bcdresthree; src: url('/assets/fonts/bcdresthree.woff2');	font-weight: normal; font-style: normal;}
	@font-face {font-family: roboto; src: url('/assets/fonts/roboto.woff2'); font-weight: normal; font-style: normal;}
	@font-face {font-family: roboto; src: url('/assets/fonts/robotoBold.woff2'); font-weight: bold; font-style: normal;}

/*Base classes */
	body
		{background-color: white; color: black; font-family: roboto, sans-serif; font-size: 15px; margin: 0; -ms-overflow-style: -ms-autohiding-scrollbar; scroll-behavior: smooth;}
	h1
		{font-family: bcdresthree, sans-serif; font-size: 3.5em; margin: 0; font-weight: normal;}
	h2
		{font-family: bcdresthree, sans-serif; font-size: 2em; margin: 0; font-weight: normal;}
	p
		{margin: 0;}
	strong
		{font-weight: bold;}
	img
		{vertical-align: middle; border: 0;}
	a
		{color: #ef87b5; text-decoration: none;}
	a:hover
		{text-decoration: underline;}

	.head
		{position: relative;}
	.logo
		{width: 35em; position: absolute; left: calc(50% - 17.5em); bottom: -5em; z-index: 2; opacity: 1; transition: 0.75s}
	.logo0
		{bottom: -7.5em; opacity: 0;}

	.main1
		{background-color: #ef87b5; color: white; padding: 10em 5% 20em 5%; text-align: center; position: relative;}
	.main1 a
		{color: white;}
	.intro
		{font-size: 1.5em; line-height: 150%;}
	.date
		{width: 35em; position: absolute; left: calc(50% - 17.5em); bottom: -20em; opacity: 1; transition: 0.75s}
	.date0
		{bottom: -22.5em; opacity: 0;}
	.main2
		{padding-top: 19em;}
	.main
		{width: 69%; padding: 5em 15.5%;}
	.segmentBlack
		{background-color: black; color: white;}

	.movies
		{margin: -2.5%;}
	.movie
		{width: calc(28.33%); margin: 2.5%; display: inline-block; vertical-align: top; position: relative; top: 0em; opacity: 1; transition: 0.75s;}
	.movie0
		{top: 2.5em; opacity: 0;}
	.movieFull
		{width: 100%; margin: 0;}
	.movieDetails
		{font-size: 1.25em; margin: 2.5em auto;}
	.movieFull .movieDetails
		{font-size: 1.25em; width: 70%; margin: 2.5em auto;}
	.movieSummary
		{margin-top: 2em;}
	.galleryBox
		{margin: 2.5em -0.5em;}
	.gallery
		{width: calc(50% - 1em - 1px); margin: 0.5em; display: inline-block; vertical-align: middle; position: relative; top: 0em; opacity: 1; transition: 0.75s;}
	.gallery0
		{top: 1.5em; opacity: 0;}
	.galleryText
		{background-color: rgba(0,0,0,0.5); color: white; width: 100%; height: 100%; padding: 2em; display: flex; text-align: center; align-items: center;
		position: absolute; left: 0; top: 0; box-sizing: border-box; transition: 0.75s;}
	.galleryText0
		{opacity: 0;}
	.gallery:hover .galleryText0
		{opacity: 1;}
	.video
		{width: 100%; height: 80vh;}

	footer
		{width: 69%; margin: 5em auto;}
	.footerLeft
		{width: 25%; display: inline-block; vertical-align: middle; position: relative; left: 0em; opacity: 1; transition: 0.75s;}
	.footerLeft0
		{left: -2.5em; opacity: 0;}
	.footerRight
		{width: 75%; display: inline-block; text-align: right; vertical-align: middle; position: relative; right: 0em; opacity: 1; transition: 0.75s;}
	.footerRight0
		{right: -2.5em; opacity: 0;}
	.socialIcon
		{width: 2em;}
	.gapSocial
		{margin-left: 1.33em;}
	.partnerIcon
		{height: 3.25em;}
	.gapPartner
		{margin: 0.5em 0 0.5em 2.5em;}
	.partnerBreak
		{display: none;}

	.isFull
		{width: 100%;}
	.isCenter
		{text-align: center;}
	.isUnderlined
		{text-decoration: underline;}

/*Media-queries*/
	@media (max-width: 1440px) {
		body
			{font-size: 14px;}
		.movieFull .movieDetails
			{width: 90%;}
		.partnerIcon
			{height: 2.25em;}
		.gapPartner
			{margin-left: 1.75em;}
	}

	@media (max-width: 1320px) {
		body
			{font-size: 13px;}
		.socialIcon
			{width: 1.5em;}
		.gapPartner
			{margin-left: 1.5em;}
		.partnerBreak
			{display: block;}
	}

	@media (max-width: 1160px) {
		body
			{font-size: 12px;}
		.movieFull .movieDetails
			{width: 95%;}
		.partnerIcon
			{height: 1.75em;}
		.gapPartner
			{margin-left: 1.5em;}
	}

	@media (max-width: 1060px) {
		body
			{font-size: 11px;}
		.main
			{width: 80%; padding: 4em 10%;}
		.movieFull .movieDetails
			{width: 100%;}
	}

	@media (max-width: 1000px) {
		.logo
			{width: 25em; left: calc(50% - 12.5em);}
		.main2
			{padding-top: 20em;}
		.movie
			{width: 45%;}
		.movieFull
			{width: 100%;}
	}
