#videos {
	float: left;
	background-color: #000;
	width: 100%;
	color: #fff;
	text-align: center;
	padding:6% 0;
	min-height: 10rem;
}

@media (min-width: 900px) { 
	#videos {
		padding:3% 0;
		min-height: 80rem;
	}
}

#videos a:link {
	border: none;
	color: #fff;
	text-decoration: none;
}

#videos a:visited {
	border: none;
	color: #fff;
	text-decoration: none;
}

#videos a:active {
	border: none;
	color: #fff;
	text-decoration: none;
}

#videos a:hover {
	border: none;
	color: #fff;
	text-decoration: none;
}



#videos_title {
	text-align: center;
	margin-bottom: 1rem;
}

.videos_thumb {
	width: 100%;
	height: 100%;
}

.videos_btn {
	display: none;
	opacity: 0;
	vertical-align: middle;
	width: 48%;
	margin:1%;
	overflow: hidden;
}

@media (min-width: 900px) { 
	.videos_btn {
		display: none;
		opacity: 0;
		vertical-align: middle;
		width: 20%;
		margin:1%;
		overflow: hidden;
	}
}

.video_title {
	text-align: center;
	color: #fff;
	font-size: 4rem;
	line-height: 5rem;
	padding: 2rem;
}

@media (min-width: 900px) { 
	.video_title {
		text-align: center;
		color: #fff;
		font-size: 2.7rem;
		line-height: 4rem;
	}
}


#videos_overlay {
	position: absolute;
	z-index: 2000;
	width: 100%;
	height:0;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #2e65a9;
}
#videos_article {
}

#videos_article_img {
	float: left;
	width:90rem;
	height:50rem;
	margin-bottom:2rem;
	
}

@media (min-width: 900px) { 
	#videos_article_img {
		float: left;
		width:160rem;
		height:90rem;
		margin-bottom:2rem;
		
	}
}


#videos_article_img img {
	width: 100%;
	height: auto;
}

#videos_nav {
	float: left;
	width: 100%;
	background-color: #2e65a9;
	color: #fff;
}

.videos_article_btn {
	float: right;
	display:inline-block;
	vertical-align: middle;
	cursor: pointer;
	font-size: 6rem;
	line-height: 7rem;
	margin: 1.6rem 3rem 0 0;
}

@media (min-width: 900px) { 
	.videos_article_btn {
		float: right;
		display:inline-block;
		vertical-align: middle;
		cursor: pointer;
		font-size: 3.6rem;
		line-height: 4rem;
		margin: 1.5rem 3rem 0 0;
	}
}
#videos_nav_img {
	float: left;
	vertical-align: middle;
	display:inline-block;
	width:60rem;
}

@media (min-width: 900px) { 
	#videos_nav_img {
		float: left;
		vertical-align: middle;
		display:inline-block;
		width:40rem;
	}
}
.videos_article_title {
	float: left;
	width: 82rem;
	font-family: 'sitefont';
	font-size: 6rem;
	line-height: 7.2rem;
	margin: 2rem 4rem 1rem 4rem;
	color: #fff;

}

@media (min-width: 900px) { 
	.videos_article_title {
		float: left;
		width: 154rem;
		font-family: 'sitefont';
		font-size: 5rem;
		line-height: 6.2rem;
		margin: 2rem 4rem 1rem 4rem;
		color: #fff;

	}
}


.videos_article_desc {
	float: left;
	width: 82rem;
	font-family: 'Arial';
	font-size: 3rem;
	line-height: 4rem;
	margin: 1rem 3rem 4rem 3rem;
	
}

@media (min-width: 900px) { 
	.videos_article_desc {
		float: left;
		width: 154rem;
		font-family: 'Arial';
		font-size: 2rem;
		line-height: 2.8rem;
		margin: 1rem 3rem 4rem 3rem;
		
	}
}

.videos_article_desc p {
	margin:1.5rem;
}

#load_more_videos {
	float: left;
	width: 100%;
	display: table;
	text-align: center;
	padding-top: 1%;
}
#load_more_videos_btn {
	width: 40%;
	display: inline-block;
	text-align: center;
	padding: 1rem;
	background-color: #fff;
	color: #000;
	font-size: 4rem;
	line-height: 8rem;
	cursor: pointer;
}

@media (min-width: 900px) { 
	#load_more_videos_btn {
		width: 15%;
		display: inline-block;
		text-align: center;
		padding: 1rem;
		background-color: #fff;
		color: #000;
		font-size: 3rem;
		line-height: 5rem;
		cursor: pointer;
	}
}

.videos_share {
	float: left;
	width: 82rem;
	font-family: 'sitefont';
	font-size: 5rem;
	line-height: 6.2rem;
	margin: 1rem 4rem 1rem 4rem;
	color: #000;
	display: table;
}

@media (min-width: 900px) { 
	.videos_share {
		float: left;
		width: 152rem;
		font-family: 'sitefont';
		font-size: 4rem;
		line-height: 5.2rem;
		margin: 1rem 4rem 1rem 4rem;
		color: #000;
		display: table;

	}
}

.videos_share_btn {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2rem;
	font-size: 5rem;
	line-height: 6.2rem;
	cursor: pointer;
	color: #000;
}

@media (min-width: 900px) { 
	.videos_share_btn {
		display: inline-block;
		vertical-align: middle;
		margin: 0 1rem;
		font-size: 3rem;
		line-height: 4.2rem;
		cursor: pointer;
		color: #000;
	}
}

#sort_options {
    display: table;
    width: 100%;
    text-align: center;
    -webkit-user-select: none;      
    -moz-user-select: none; 
    -ms-user-select: none; 

    -o-user-select: none;
    user-select: none;
}

.sort_option {
    display: inline-block;
    vertical-align: middle;
    font-size: 4rem;
    line-height: 6rem;
    color:#fff;
    text-transform: capitalize;
    padding:2rem 2rem 2rem 2rem;
}

@media (min-width: 900px) { 
    .sort_option {
        font-size: 2rem;
        line-height: 4rem;
        padding:1rem 1rem 1rem 1rem;
    }
}