@charset "UTF-8";
/* CSS Document */

@media (min-width: 480px) and (max-width: 979px) {
	.span4,
	.span3 {
		max-width: 725px;
		width: 100%;
	}
	
	.img-igf,
	.img-rewo,
	.img-onlearned,
	.img-kim,
	.img-onboard,
	.img-ontelligence,
	.img-rds,
	.img-igfwin,
	a.img-igf:hover,
	a.img-rewo:hover,
	a.img-onlearned:hover,
	a.img-kim:hover,
	a.img-onboard:hover,
	a.img-ontelligence:hover,
	a.img-rds:hover,
	a.img-igfwin:hover {
		background-size: 725px 332px;
			-webkit-background-size: 725px 332px;
				-moz-background-size: 725px 332px;
				-o-background-size: 725px 332px;
		height: 280px;
		max-width: 725px;
	}
	
	h1 {
		font-size: 45px;
	}
	h2 {
		font-size: 28px;
	}

/* ========================
	HEADER
========================= */

.header {
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
		-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
	display: block;
	margin-bottom: 5px;
	position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;

	}
	.head-row {
		background-color: #fff;
		display: block;
		width: 100%;
		position: fixed;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
			-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
	}

	.meta-nav {
		display: none;
	}

	.main-nav {
		background-color: #e3e3e3;
		height: 40px;
	}
	.brand {
		background: url(../img/img-brand-mf-portal-184.png) 0 0 no-repeat;
		display: block;
		float: left;
		height: 40px;
		overflow: hidden;
		text-indent: -999px;
		width: 184px;	
	}
	.title-page {
		text-align: center;
		margin-bottom: 40px;
	}
	h1 {
		font-size: 38px;
	}
	h2 {
		font-size: 25px;
	}
}


@media (min-width: 381px) and (max-width: 479px) {
	.span4,
	.span3 {
		max-width: 479px;
		width: 100%;
	}
	
	.img-igf,
	.img-rewo,
	.img-onlearned,
	.img-kim,
	.img-onboard,
	.img-ontelligence,
	.img-rds,
	.img-igfwin,
	a.img-igf:hover,
	a.img-rewo:hover,
	a.img-onlearned:hover,
	a.img-kim:hover,
	a.img-onboard:hover,
	a.img-ontelligence:hover,
	a.img-rds:hover,
	a.img-igfwin:hover {
		background-size: 479px 195px;
			-webkit-background-size: 479px 195px;
				-moz-background-size: 479px 195px;
				-o-background-size: 479px 195px;
		height: 195px;
		max-width: 479px;
	}
	
	.header {
		background-color: #fff;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
			-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
		display: block;
		margin-bottom: 5px;
		position: absolute;
			top: 0;
			left: 0;
		z-index: 9999;
	
	}
	.head-row {
		background-color: #fff;
		display: block;
		width: 100%;
		position: fixed;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
			-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
	}
	.meta-nav {
		display: none;
	}
	.main-nav {
		background-color: #e3e3e3;
		height: 40px;
	}
	.brand {
		background: url(../img/img-brand-mf-portal-184.png) 0 0 no-repeat;
		display: block;
		float: left;
		height: 40px;
		overflow: hidden;
		text-indent: -999px;
		width: 184px;	
	}
	.title-page {
		text-align: center;
		margin-bottom: 40px;
	}
	h1 {
		font-size: 38px;
	}
	h2 {
		font-size: 22px;
	}
	.off2 {
		display: none;
	}
}



@media (max-width: 380px) {
	.img-igf,
	.img-rewo,
	.img-onlearned,
	.img-kim,
	.img-onboard,
	.img-ontelligence,
	.img-rds,
	.img-igfwin,
	a.img-igf:hover,
	a.img-rewo:hover,
	a.img-onlearned:hover,
	a.img-kim:hover,
	a.img-onboard:hover,
	a.img-ontelligence:hover,
	a.img-rds:hover,
	a.img-igfwin:hover {
		background-size: 380px 155px;
			-webkit-background-size: 380px 155px;
				-moz-background-size: 380px 155px;
				-o-background-size: 380px 155px;
				-o-background-size: 380px 155px;
		height: 155px;
		max-width: 380px;
	}
	.header {
		background-color: #fff;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
			-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
		display: block;
		margin-bottom: 5px;
		position: absolute;
			top: 0;
			left: 0;
		z-index: 9999;
	
	}
	.head-row {
		background-color: #fff;
		display: block;
		width: 100%;
		position: fixed;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
			-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
	}
	.meta-nav {
		display: none;
	}

	.main-nav {
		background-color: #e3e3e3;
		height: 40px;
	}
	.brand {
		background: url(../img/img-brand-mf-portal-184.png) 0 0 no-repeat;
		display: block;
		float: left;
		height: 40px;
		overflow: hidden;
		text-indent: -999px;
		width: 184px;	
	}
	.title-page {
		text-align: center;
		margin-bottom: 40px;
	}
	h1 {
		font-size: 38px;
	}
	h2 {
		font-size: 22px;
	}
	.off2 {
		display: none;
	}
}