@font-face {
    font-family: 'Simplifica';
    src: url('../fonts/simplifica/Simplifica.ttf');
}

:root {
	--themeColor: #2b333b;
	--backgroundColor: #ccc;
}

html {
	min-height : 100%;
	position   : relative;
}

body {
	background-color : var(--backgroundColor);
	margin-bottom    : 231px;
}

.jumbotron, .panel-default > .panel-heading {
	background-color : var(--themeColor);
	background-image : none;
	color            : white;
}

.jumbotron {
	margin     : 15px 0 20px;
	text-align : center;
}

.panel-default {
	margin-left  : 15px;
	margin-right : 15px;
	font-size    : 18px;
	border-color : var(--themeColor);
}

.tvShow {
	text-align : center;
	font-size  : 24px;
}

.btn:focus,.btn:active {
   outline: none !important;
}

#spaces {
	letter-spacing: 10px;
}

.img-thumbnail {
	margin-left  : 15px;
	margin-right : 15px;
	border-color : var(--themeColor);
	width        : 98%;
	height       : 470px;
}

/*! Footer */
footer {
	background-color  : #222222;
	color       : #fff;
	margin      : 0;
	font-family : 'Open Sans', sans-serif;
	position    : absolute;
	bottom      : 0;
	width       : 100%;
	height      : 231px;
}

footer h3 {
	color         : #9d9d9d;
	font-weight   : lighter;
	font-style    : italic;
	margin-bottom : 0;
	margin-top    : 30px;
}

footer p, footer li {
	font-weight    : 400;
	text-transform : uppercase;
	letter-spacing : 0.05em;
	margin         : 10px 0;
}

footer a {
	color              : #fff;
	text-decoration    : none;
	-webkit-transition : color .5s, background .5s;
	transition         : color .5s, background .5s;
}

footer a:hover {
	color: #65c2ed;
}

footer .centered {
	max-width       : 1200px;
	margin          : 0 auto;
	display         : flex;
	justify-content : space-between;
}

footer .centered:before, footer .centered:after {
	content    : '\0020';
	display    : block;
	overflow   : hidden;
	visibility : hidden;
	width      : 0;
	height     : 0;
	clear      : both;
}

footer .centered .footer-contact {
	width: 35%;
}

footer .centered .footer-contact .fa {
	width         : 20px;
	padding-right : 10px;
}
footer .centered .footer-connect {
	width: 35%;
}

footer .centered .footer-navigation {
	width: 30%;
}

footer .centered .footer-navigation ul {
	width: 50%;
	float: left;
}

footer .centered .footer-navigation .fa {
	padding-right: 10px;
}

footer .bottom-bar {
	position       : relative;
	text-align     : center;
	font-size      : .8em;
	text-transform : uppercase;
	background     : #000;
	padding        : 15px 0;
}

footer ul {
	list-style-type: none;
}

.social li {
	float: left;
}

.social a {
	display        : inline-block;
	padding        : 0 7px;
	margin         : 3px 10px 10px 0;
	vertical-align : middle;
}

* {
	-moz-box-sizing    : border-box;
	-webkit-box-sizing : border-box;
	box-sizing         : border-box;
}
/*! Footer */
@media screen and (max-width: 1200px) {
	.img-thumbnail {
		margin-left: 0;
		width: 100%
	}
}
@media screen and (max-width: 769px) {
	body {
		margin-bottom: 397px;
	}

	.img-thumbnail {
		margin-left: 0;
		margin-bottom: 50px;
		width: 100%;
		height: auto;
	}

	footer {
		height: 397px;
	}

	footer .centered {
		flex-wrap:wrap;
	}

	footer .centered .footer-contact {
		width  : 50%;
		margin : 0 auto;
	}

	footer .centered .footer-connect {
		width  : 50%;
		margin : 0 auto;
	}

	footer .centered .footer-navigation {
		width:100%;
	}
}

@media screen and (max-width: 500px) {
	body {
		margin-bottom: 565px;
	}
	.img-thumbnail {
		margin-bottom: 0;
	}

    footer {
    	height: 457px;
    }

	footer .centered {
		margin-right : 0;
		margin-left  : 0;
	}

	footer .centered .footer-contact {
		width  : 100%;
		margin : 0 auto;
	}

	footer .centered .footer-connect {
		width  : 100%;
		margin : 0 auto;
	}
}