.mobile {
	display: none !important;
}
.desktop {
	display: block;
}
#main-nav {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
#primary {
	border: none;
}
.all-wrapped-up {
	padding: 0 40px;
}
.wordwrap {
	display: inline;
}
section {
	padding: 30px 0;
}
.red-button-ln a {
	border: solid #f01446 3px;
	border-radius: 4px;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px;
	color: #f01446;
}
.red-button-ln a:hover {
	border: solid #f01446 3px;
	background-color: #f01446;
	border-radius: 4px;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px;
	color: #fff;
}
/*------------------------------Main Banner------------------------------*/
#main-banner-4K {
	background: url(../images/overview-bg.jpg) #f0f0f0 no-repeat;
	height: 500px;
	background-size: auto !important;
	padding: 0;
	background-position: 68% 0%;
}
#main-banner-4K h1 {
	padding: 2.5rem 0 0 0;
	text-align: left;
}
#main-banner-4K p {
	padding: 1.5rem 0 0 0;
	line-height: 1.71rem;
	width: 500px;
	padding-bottom: 25px;
}
/*------------------------------END Main Banner------------------------------*/
.container {
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.item {
	width: 50%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.container img {
	width: auto;
}
/*-------------------------------Decades Content------------------------------*/
#decades {
	background: url(../images/decades.jpg) #fff no-repeat;
	height: 390px;
	background-size: auto !important;
	padding: 0;
	background-position: 40% 100%;
}
#decades {
	padding: 40px 0 0 0;
}
#decades .font3 {
	line-height: 1.5rem;
	width: 50%;
	padding-bottom: 25px;
}
#decades .font11 {
	width: 90%;
	line-height: 24px;
	padding-bottom: 15px;
}
#decades .font9 {
	padding-bottom: 0;
}
#decades img {
	width: 370px;
}
#decades-text {
	-webkit-order: 1;
	-ms-flex-order: 1;
	-webkit-box-ordinal-group: 2;
	order: 1;
}
#decades-text-img {
	-webkit-order: 2;
	-ms-flex-order: 2;
	-webkit-box-ordinal-group: 1;
	order: 2;
}
/*-------------------------------END Decades Content------------------------------*/
/*-------------------------------Channels Content------------------------------*/
#channels .left-col {
	float: left;
	width: 39%;
	padding-top: 80px;
}
.left-col img {
	width: 100%;
	bottom: 30px;
	position: relative;
}
#channels .right-col {
	float: right;
	width: 60%;
	padding-top: 40px;
}
#channels h3 {
	text-align: left;
}
#channels h3, #channels p {
	padding-bottom: 15px;
}
#channels p {
	line-height: 1.5rem;
}
/*------------------------------End Channels Content------------------------------*/
/*-------------------------------Record Content------------------------------*/
#hopper-3 .font3 {
	line-height: 1.5rem;
	padding-bottom: 15px;
}
#hopper-3 .font9 {
	padding-bottom: 15px;
	width: 45%;
}
#hopper-3 {
	-webkit-order: 1;
	-ms-flex-order: 1;
	-webkit-box-ordinal-group: 2;
	order: 1;
}
#hopper3-img {
	-webkit-order: 2;
	-ms-flex-order: 2;
	-webkit-box-ordinal-group: 1;
	order: 2;
	padding-top: 90px;
}
#hopper-3 p {
	width: 50%;
}
#record {
	background: url(../images/record.jpg) #fff no-repeat;
	height: 365px;
	padding: 0;
	background-position: 60% 100%;
}
#record {
	padding-top: 0;
}
#record .container img {
	width: 540px;
}
#movies {
	padding: 0;
}
#movies .container img {
	width: 300px;
}
#movies-text .font3 {
	line-height: 1.5rem;
	padding-bottom: 15px;
}
#movies-text .font9 {
	padding-bottom: 15px;
}
#movies-text-img {
	-webkit-order: 1;
	-ms-flex-order: 1;
	-webkit-box-ordinal-group: 2;
	order: 1;
	padding-top: 10px;
}
#movies-text {
	-webkit-order: 2;
	-ms-flex-order: 2;
	-webkit-box-ordinal-group: 1;
	order: 2;
}
/*-------------------------------END Record Content------------------------------*/
.wtgn-bg {
	width: 100%;
	height: 280px;
	background-color: #454545;
}
.wtgn-container {
	width: 100%;
	max-width: 1280px;
}
/*-------- iPad Portrait --------*/
@media all and (orientation: portrait) {
	#main-banner-4K p {
    width: 300px;
}
	
	}