/* humbertobrenes.net — mobile fit (390px) without altering the 764px desktop design */
@media screen and (max-width: 780px) {
	*, *::before, *::after {
		box-sizing: border-box;
	}
	body {
		background-image: none;
		background-color: #1e1e1e;
		overflow-x: hidden;
	}
	#container {
		width: 100% !important;
		max-width: 100%;
		overflow-x: hidden;
	}
	#hp-header, #in-header, #features, #middle, #footer, #in-title, #in-middle, #newsbanner {
		width: 100% !important;
		max-width: 100%;
		background-size: cover;
		box-sizing: border-box;
		float: none !important;
	}
	#hp-header { height: auto; min-height: 150px; background-position: center top; }
	#in-header { height: auto; min-height: 90px; background-position: center top; }
	#navbar, #navbar-in {
		width: 100% !important;
		max-width: 100%;
	}
	#navbar { padding-top: 150px !important; height: auto !important; }
	#navbar-in { padding-top: 90px !important; height: auto !important; }
	#navbar table, #navbar-in table { display: block; width: 100% !important; }
	#navbar tr, #navbar-in tr { display: block; }
	#navbar td, #navbar-in td { display: inline-block; float: none; width: auto !important; }
	#features { height: auto !important; padding-bottom: 15px; }
	#download { width: 100% !important; height: auto !important; float: none !important; }
	#object { padding: 15px 0 10px 20px !important; }
	#features ul { float: none !important; padding: 5px 0 0 25px !important; }
	#pics { width: 100% !important; float: none !important; box-sizing: border-box; padding: 10px 0 0 !important; text-align: center; }
	#pics img { max-width: 92%; height: auto; padding: 0 0 8px !important; }
	#hptext { width: 100% !important; float: none !important; box-sizing: border-box; }
	#hptext p { padding: 14px 20px 0 !important; }
	#in-middle p { padding-left: 20px !important; padding-right: 20px !important; }
	#in-middle ul.text1, #in-middle ol.text1 { margin-left: 30px !important; margin-right: 20px !important; }
	#in-title { height: auto !important; padding-bottom: 10px; }
	#button { padding-left: 20px !important; }
	#newsbanner { height: auto !important; background-image: none !important; padding: 10px 0 0 !important; }
	#bannertext { width: auto !important; float: none !important; margin: 0 !important; padding: 0 20px !important; }
	.newstitle { width: auto !important; margin: 0 12px 10px !important; height: auto !important; min-height: 27px; padding: 0 0 0 17px !important; box-sizing: border-box; background-size: 100% 100%; }
	.newstitle h1, .newstitle h2 { padding: 6px 10px 6px 10px !important; }
	.article-table-wrap { margin-left: 20px; margin-right: 20px; }
	.rgblock { margin: 15px 20px 5px !important; }
	.related { margin: 15px 20px 0 !important; }
	#video { width: 100% !important; float: none !important; padding-left: 20px !important; box-sizing: border-box; }
	#video p { width: auto !important; padding-right: 20px !important; }
	#video2 { width: 100% !important; max-width: 265px; float: none !important; margin: 0 0 15px 20px; }
	.videostub { width: auto !important; max-width: 90%; float: none !important; margin: 0 auto 15px !important; }
	#flash { width: 100% !important; height: auto !important; }
	.galgrid { margin: 0 10px 15px !important; }
	.galgrid img { max-width: 92%; height: auto; }
	.clear { width: 100% !important; }
	#footer { height: auto !important; padding-bottom: 20px !important; background-size: 100% auto; }
	#footer p { padding: 20px 15px 0 !important; }
}