/* GENERAL STYLES */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}

body {
	font-size: 15px;
	line-height: 25px;
	color: rgb(51, 51, 51);
	background-color: #F2F2F2;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	text-decoration: none;
}

a:hover {
	color: white !important;
}

p {
	line-height: 25px !important;
}

.container {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	line-height: 13px;
}

/* HEADER */
.main-header {
	width: 100%;
	background-color: #fecc00;
	font-weight: 600;
	overflow: hidden;
	/* Replaces the :after clearfix */
}

div.subnav {
	background-color: #fff;
	color: #000;
	display: block;
	font-size: 12px;
	font-weight: 700;
	margin: 0 auto;
}

div.subnav div {
	max-width: 1024px;
	display: block;
	margin: 0 auto;
}

.logoSCops {
	float: left;
	padding: 10px;
	width: 178px;
}

.menuscops {
	width: 100%;
	max-width: 1024px;
	display: inline-block;
}

.ulops {
	list-style: none;
	text-transform: uppercase;
	margin: 0;
	overflow: hidden;
	/* Replaces the :after clearfix */
}

.liops a {
	float: left;
	color: #000;
	padding: 8px 10px;
	font-size: 14px;
}

.liops a:hover {
	background: hsla(0, 0%, 100%, .4);
	border-radius: .625rem .625rem 0 0;
	color: #333 !important;
	text-decoration: none;
}

/* MAIN CONTENT */
main {
	margin: 0 auto;
	width: 100%;
	color: #fff;
	background-color: #262626;
	background-image: url(../img/pluto-header.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	max-width: 1024px;
}

main img.img {
	width: 100%;
	height: auto;
	display: block;
	/* Removes any extra space below the image */
}

main a{
	color: white;
	text-decoration: underline;
}
.content-section {
	padding: 20px;
}

.breadcrumb {
	background-color: transparent;
	padding: 0;
	font-size: 11px;
}

#player {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
	/* 16:9 Aspect Ratio (9 / 16 = 0.5625) */
}

#player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* FOOTER */
.footerops {
	background-color: #212121;
	width: 100%;
	margin: 0 auto;
	padding: 50px 20px;
}

.footerops p,
.footerops a {
	color: rgb(216, 216, 216);
	font-size: 12px;
}

.pipe {
	padding: 0 .25rem;
}

.centradoops {
	margin: 0 auto;
	max-width: 1024px;
	text-align: center;
}

.main-footer-bottom .info-logo {
	flex-direction: row;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: .625rem 0;
}

.logo-footer:not(:last-child) {
	margin-right: 1rem;
}

.logo-footer.footer-logo-brand {
	background-image: url(https://assets.sensacine.com/skin/img/sensacine/logo-main-white.1136ac1c.svg);
	height: 2.125rem;
	width: 10.5rem;
}

.logo-footer.footer-logo-boxoffice {
	background-image: url(https://assets.sensacine.com/skin/img/logo-boxoffice-company.686f7e8e.svg);
	height: 2.125rem;
	width: 14.938rem;
}

.logo-footer.footer-logo-webedia {
	background-image: url(https://assets.sensacine.com/skin/img/logo-webedia-white.1476b15c.svg);
	height: 2.125rem;
	width: 9.25rem;
}

.logo-footer {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 945px) {

	.menuscops,
	div.subnav {
		display: none;
		/* Hides the navigation menu on smaller screens */
	}
}

@media only screen and (max-width: 600px) {
	.logoSCops {
		width: 140px;
		/* Reduces logo size on mobile */
	}
}