/* CUSTOM MEDIA QUERIES TO FIX MOBILE ISSUES */

/* fixes for the textareas breaking layout */
.dform_container textarea { width: 100% !important; }

/* fixes for the logo and nav menu at smaller sizes */
@media screen and (max-width: 760px) {
	#mobile-logo
		{
		display: block !important;
		width: 75% !important;
		}

	#logo-container
		{
		background-image: none !important;
		width: 75%;
		}

	#logo-padding
		{ 
		display: none !important; 
		}
	
	.navbar-nav
		{
		padding-left: 82%;
		}

}

@media screen and (max-width: 992px) {
	#mobile-logo
	{
	display: block !important;
	}
}
/* END fixes for the logo at smaller sizes */


/* fixes for the read more button at smaller sizes */
@media screen and (max-width: 760px) {
	.home-sidebar-text
		{
		margin-bottom: 0px !important;
		}
}


/* fixes for masthead section */
@media screen and (min-width: 720px) and (max-width: 1387px) {
	.masthead
	{
	height: auto;
	}
	
	#vid-caption
	{
	margin-bottom: 15px !important;
	}


	#header-left-vid
	{
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100%;
	padding: 0px !important;
	clear: both !important;
	display: block !important;
	}

	#header-right-sidebar
	{
	float: none !important; 
	margin-left: 0px !important;
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100%;
	clear: both !important;
	display: block !important;
	}

	#header-right-top, #header-right-bottom
	{
	flex: 0 0 50%;
	}

}