body {
	background-color: #000;
	}

.bg-films {
  background-color: #000;
  background-image: url('../../../img/bg-films.jpg');
  background-position: top right;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 1700px;
}

h1 {
	font-size: 4em;
}

p {
	font-size: 1.7em;
	font-weight: lighter;
}

a {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #55DDFF !important;
	text-decoration: underline;
}

.text-shadow {
	text-shadow: 1px 1px 5px #000;
}

.card h5 {
	font-size: 19px;
}

.height {
	height: 900px;
	position: relative;
	top: 200px;
}

@media (max-width: 575.98px) {
	.col-sm-12.p-5 {
		padding: 1.5rem !important;
	}
	h1 {
		font-size: 2.3em;
	}
	p.color-pure-white.text-shadow {
		position: relative;
		top: 15%;
	}
	.height {
		height: 900px;
		position: relative;
		top: 0px;
	}
	.container-fluid.bottom-margin-xl-5 {
		margin-bottom: 0 !important;
	}
	.container.text-center.top-margin-xl-5.top-padding-xl-5 {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	.col-sm-12.top-margin-xl-5.top-padding-xl-5:first-child {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	.col-sm-12.align-self-center:last-child {
		padding-bottom: 50px;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.col-sm-12.p-5 {
		padding: 1.5rem !important;
	}
	h1 {
		font-size: 2.3em;
	}
	p.color-pure-white.text-shadow {
		position: relative;
		top: 60%;
	}
	.height {
		height: 900px;
		position: relative;
		top: 0px;
	}
	.container-fluid.bottom-margin-xl-5 {
		margin-bottom: 0 !important;
	}
	.container.text-center.top-margin-xl-5.top-padding-xl-5 {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	.col-sm-12.align-self-center:last-child {
		padding-bottom: 50px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.col-sm-12.p-5 {
		padding: 1.5rem !important;
	}
	h1 {
		font-size: 2.3em;
	}
	p.color-pure-white.text-shadow {
		position: relative;
		top: 90%;
	}
	.height {
		height: 900px;
		position: relative;
		top: 0px;
	}
	.container-fluid.bottom-margin-xl-5 {
		margin-bottom: 0 !important;
	}
	.container.text-center.top-margin-xl-5.top-padding-xl-5 {
		position: relative;
		top: 100px;
	}
	.col-sm-12.align-self-center:last-child {
		padding-bottom: 50px;
	}
	.card h5 {
		font-size: 24px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.col-sm-12.p-5 {
		padding: 1.5rem !important;
	}
	h1 {
		font-size: 3em;
	}
	.height {
		height: auto;
		position: relative;
		top: 0px;
	}
	.container-fluid.bottom-margin-xl-5 {
		margin-bottom: 0 !important;
	}
	.container.top-margin-xl-5.top-padding-xl-5 {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	.card h5 {
		font-size: 13px;
	}
}

@media (min-width: 1200px) and (max-width: 1500px) {

}