/* MediaSize: 1 (HiRes Desktops) from 501px up to 9000px */
@media only screen and (min-width: 501px) and (max-width: 9000px){
	#gfaIntroActionLeft{
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px; 
		height: auto;
		width: 100%;
		overflow: hidden;
		z-index: 6;
	}
	#gfaIntroActionRight{
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px; 
		height: auto;
		width: 100%;
		overflow: hidden;
		z-index: 6;
	}
	#gfaIntroFadeLeft{
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px; 
		height: auto;
		width: 100%;
		background-image: url("/core/assets/intro/images/trans_pixel.png");
		background-repeat: repeat;
		overflow: hidden;
		display: visible;
		z-index: 2;
	}
	#gfaIntroFadeRight{
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px; 
		height: auto;
		width: 100%;
		background-image: url("/core/assets/intro/images/trans_pixel.png");
		background-repeat: repeat;
		overflow: hidden;
		display: visible;
		z-index: 2;
	}
}
/* MediaSize: 4 (Smartphones) under 501px */
@media only screen and (min-width: 50px) and (max-width: 500px){
	#gfaIntroActionLeft{
		position: absolute;
		top: 0%;
		left: 0px;
		height: 100%;
		width: 100%;
		overflow: hidden;
		z-index: 6;
	}
	#gfaIntroActionRight{
		position: absolute;
		top: 0%;
		right: 0px;
		height: 100%;
		width: 100%;
		overflow: hidden;
		z-index: 6;
	}
	#gfaIntroFadeLeft{
		display: none;
	}
	#gfaIntroFadeRight{
		display: none;
	}
}


/* MediaSize: 1 (HiRes Desktops) from 2401px up to 9000px */
@media only screen and (min-width: 2401px) and (max-width: 9000px){
	/* Intro */
	#gfaIntro{
		position: absolute;
		top: 80px;
		bottom: 0px;
		width: 100%;
		background-color: #efefef;
	  	overflow: hidden;
	  	visible: none;
	  	z-index: 1;
	}
	#gfaIntroLeft{
		position: absolute;
		top: 0px;
		bottom: 0px; 
		width: 50%;
		background-color: #1a3553; 
		background-image: url("/core/assets/intro/images/left/1.jpg");
		background-position: center center;
		background-repeat: no-repeat;
	  	background-attachment: auto;
	  	background-size: cover;
	  	z-index: 2;
	}
	#gfaIntroLeftText{
		position: absolute;
		bottom: 5%; 
		width: 80%;
		left:-50px;
		padding: 0px 0px 0px 0px;
		height: 300px;
		background-color: #1a3553; 
		-webkit-box-shadow: 0px 0px 20px #000000;	
		-moz-box-shadow: 0px 0px 20px #000000;	
		box-shadow: 0px 0px 20px #000000;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	  	z-index: 3;
	}
	#gfaIntroRight{
		position: absolute;
		top: 0px;
		right: 0%;
		bottom: 0px; 
		width: 50%;
		background-color: #a02031; 
		background-image: url("/core/assets/intro/images/right/6.jpg");
		background-position: center center;
		background-repeat: no-repeat;
	  	background-attachment: auto;
	  	background-size: cover;
	  	z-index: 2;
	}
	#gfaIntroRightText{
		position: absolute;
		bottom: 5%; 
		width: 80%;
		right: -50px;
		padding: 0px 0px 0px 0px;
		height: 300px;
		background-color: #a02031; 
		-webkit-box-shadow: 0px 0px 20px #000000;	
		-moz-box-shadow: 0px 0px 20px #000000;	
		box-shadow: 0px 0px 20px #000000;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	  	z-index: 3;
	}
	#gfaIntroLogoBackground{
		position: absolute;
		top: 80px;
		left: 50%;
		margin-left: -160px;
		width: 320px;
		height: 320px;
		background-color: #ffffff;
		opacity: 0.8;
  		filter: alpha(opacity=80);
		z-index: 4;
	}
	#gfaIntroLogo{
		position: absolute;
		top: 80px;
		left: 50%;
		margin-left: -160px;
		width: 320px;
		height: 320px;
		background-image: url("/core/assets/header/images/gfambh_logo_1.png");
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 5;
	}
	.gfaIntroContentLeft{
		font-family: sans-serif;
		font-weight: 500;
		text-align: right;
		color: #ffffff;
		font-size: 40px;
		line-height: 55px;
	}
	.gfaIntroContentRight{
		font-family: sans-serif;
		font-weight: 500;
		text-align: left;
		color: #ffffff;
		font-size: 40px;
		line-height: 55px;
	}
}
/* MediaSize: 2 (Laptops and Desktops) from 1201px up to 2400px */
@media only screen and (min-width: 1201px) and (max-width: 2400px){
	/* Intro */
	#gfaIntro{
		position: absolute;
		top: 60px;
		bottom: 0px;
		width: 100%;
		background-color: #efefef;
	  	overflow: hidden;
	  	visible: none;
	  	z-index: 1;
	}
	#gfaIntroLeft{
		position: absolute;
		top: 0px;
		bottom: 0px; 
		width: 50%;
		background-color: #1a3553; 
		background-image: url("/core/assets/intro/images/left/1.jpg");
		background-position: center center;
		background-repeat: no-repeat;
	  	background-attachment: auto;
	  	background-size: cover;
	  	z-index: 2;
	}
	#gfaIntroLeftText{
		position: absolute;
		bottom: 5%; 
		width: 80%;
		height: 250px;
		left:-40px;
		padding: 0px 0px 0px 0px;
		background-color: #1a3553; 
		-webkit-box-shadow: 0px 0px 10px #000000;	
		-moz-box-shadow: 0px 0px 10px #000000;	
		box-shadow: 0px 0px 10px #000000;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
	  	z-index: 3;
	}
	#gfaIntroRight{
		position: absolute;
		top: 0px;
		right: 0%;
		bottom: 0px; 
		width: 50%;
		background-color: #a02031; 
		background-image: url("/core/assets/intro/images/right/6.jpg");
		background-position: center center;
		background-repeat: no-repeat;
	  	background-attachment: auto;
	  	background-size: cover;
	  	z-index: 2;
	}
	#gfaIntroRightText{
		position: absolute;
		bottom: 5%; 
		width: 80%;
		right: -40px;
		height: 250px;
		padding: 0px 0px 0px 0px;
		background-color: #a02031; 
		-webkit-box-shadow: 0px 0px 10px #000000;	
		-moz-box-shadow: 0px 0px 10px #000000;	
		box-shadow: 0px 0px 10px #000000;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
	  	z-index: 3;
	}
	#gfaIntroLogoBackground{
		position: absolute;
		top: 60px;
		left: 50%;
		margin-left: -125px;
		width: 250px;
		height: 250px;
		background-color: #ffffff;
		opacity: 0.8;
  		filter: alpha(opacity=80);
		z-index: 4;
	}
	#gfaIntroLogo{
		position: absolute;
		top: 60px;
		left: 50%;
		margin-left: -125px;
		width: 250px;
		height: 250px;
		background-image: url("/core/assets/header/images/gfambh_logo_2.png");
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 5;
	}
	.gfaIntroContentLeft{
		font-family: sans-serif;
		font-weight: 500;
		text-align: right;
		color: #ffffff;
		font-size: 35px;
		line-height: 50px;
	}
	.gfaIntroContentRight{
		font-family: sans-serif;
		font-weight: 500;
		text-align: left;
		color: #ffffff;
		font-size: 35px;
		line-height: 50px;
	}
}
/* MediaSize: 3 (HiRes Smartphones and Tablets) from 501px up to 1200px */
@media only screen and (min-width: 501px) and (max-width: 1200px){
	/* Intro */
	#gfaIntro{
		position: absolute;
		top: 50px;
		bottom: 0px;
		width: 100%;
		background-color: #efefef;
	  	overflow: hidden;
	  	visible: none;
	  	z-index: 1;
	}
	#gfaIntroLeft{
		position: absolute;
		top: 0px;
		bottom: 0px; 
		width: 50%;
		background-color: #1a3553; 
		background-image: url("/core/assets/intro/images/left/1.jpg");
		background-position: center center;
		background-repeat: no-repeat;
	  	background-attachment: auto;
	  	background-size: cover;
	  	z-index: 2;
	}
	#gfaIntroLeftText{
		position: absolute;
		bottom: 5%; 
		width: 80%;
		height: 190px;
		left:-30px;
		padding: 0px 0px 0px 0px;
		background-color: #1a3553; 
		-webkit-box-shadow: 0px 0px 10px #000000;	
		-moz-box-shadow: 0px 0px 10px #000000;	
		box-shadow: 0px 0px 10px #000000;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	  	z-index: 3;
	}
	#gfaIntroRight{
		position: absolute;
		top: 0px;
		right: 0%;
		bottom: 0px; 
		width: 50%;
		background-color: #a02031; 
		background-image: url("/core/assets/intro/images/right/6.jpg");
		background-position: center center;
		background-repeat: no-repeat;
	  	background-attachment: auto;
	  	background-size: cover;
	  	z-index: 2;
	}
	#gfaIntroRightText{
		position: absolute;
		bottom: 5%; 
		width: 80%;
		right: -30px;
		height: 190px;
		padding: 0px 0px 0px 0px;
		background-color: #a02031; 
		-webkit-box-shadow: 0px 0px 10px #000000;	
		-moz-box-shadow: 0px 0px 10px #000000;	
		box-shadow: 0px 0px 10px #000000;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	  	z-index: 3;
	}
	#gfaIntroLogoBackground{
		position: absolute;
		top: 50px;
		left: 50%;
		margin-left: -90px;
		width: 180px;
		height: 180px;
		background-color: #ffffff;
		opacity: 0.8;
  		filter: alpha(opacity=80);
		z-index: 4;
	}
	#gfaIntroLogo{
		position: absolute;
		top: 50px;
		left: 50%;
		margin-left: -90px;
		width: 180px;
		height: 180px;
		background-image: url("/core/assets/header/images/gfambh_logo_3.png");
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 5;
	}
}
/* MediaSize: 3a (HiRes Smartphones and Tablets) from 831px up to 1200px */
@media only screen and (min-width: 821px) and (max-width: 1200px){
	.gfaIntroContentLeft{
		font-family: sans-serif;
		font-weight: 500;
		text-align: right;
		color: #ffffff;
		font-size: 25px;
		line-height: 40px;
	}
	.gfaIntroContentRight{
		font-family: sans-serif;
		font-weight: 500;
		text-align: left;
		color: #ffffff;
		font-size: 25px;
		line-height: 40px;
	}
}
/* MediaSize: 3b (HiRes Smartphones and Tablets) from 501px up to 820px */
@media only screen and (min-width: 501px) and (max-width: 830px){
	.gfaIntroContentLeft{
		font-family: sans-serif;
		font-weight: 500;
		text-align: right;
		color: #ffffff;
		font-size: 18px;
		line-height: 30px;
	}
	.gfaIntroContentRight{
		font-family: sans-serif;
		font-weight: 500;
		text-align: left;
		color: #ffffff;
		font-size: 18px;
		line-height: 30px;
	}
}
/* MediaSize: 4 (Smartphones) up to 500px */
@media only screen and (min-width: 50px) and (max-width: 500px){
	/* Intro */
	#gfaIntro{
		position: absolute;
		top: 200px;
		bottom: 0px;
		width: 100%;
		background-color: #efefef;
	  	overflow: hidden;
	  	visible: none;
	  	z-index: 1;
	}
	#gfaIntroLeft{
		position: absolute;
		bottom: 0px;
		width: 100%;
		height: 50%;
		background-color: #1a3553; 
		background-image: url("/core/assets/intro/images/left/1.jpg");
		background-position: center center;
		background-repeat: no-repeat;
	  	background-attachment: auto;
	  	background-size: cover;
	  	z-index: 2;
	}
	#gfaIntroLeftText{
		position: absolute;
		bottom: 0px; 
		width: 100%;
		height: 80px;
		background-color: #1a3553; 
		-webkit-box-shadow: 0px 0px 5px #000000;	
		-moz-box-shadow: 0px 0px 5px #000000;	
		box-shadow: 0px 0px 5px #000000;
	  	z-index: 3;
	}
	#gfaIntroRight{
		position: absolute;
		top: 0%;
		height: 50%;
		width: 100%;
		background-color: #a02031; 
		background-image: url("/core/assets/intro/images/right/6.jpg");
		background-position: center center;
		background-repeat: no-repeat;
	  	background-attachment: auto;
	  	background-size: cover;
	  	z-index: 2;
	}
	#gfaIntroRightText{
		position: absolute;
		bottom: 0px; 
		width: 100%;
		height: 80px;
		background-color: #a02031; 
		-webkit-box-shadow: 0px 0px 5px #000000;	
		-moz-box-shadow: 0px 0px 5px #000000;	
		box-shadow: 0px 0px 5px #000000;
	  	z-index: 3;
	}
	#gfaIntroLogoBackground{
		position: absolute;
		top: 80px;
		left: 0px;
		width: 100%;
		height: 120px;
		background-color: #ffffff;
		z-index: 4;
	}
	#gfaIntroLogo{
		position: absolute;
		top: 25px;
		left: 50%;
		margin-left: -90px;
		width: 180px;
		height: 175px;
		background-image: url("/core/assets/header/images/gfambh_logo_3.png");
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 5;
	}
	.gfaIntroContentLeft{
		font-family: sans-serif;
		font-weight: 500;
		text-align: center;
		color: #ffffff;
		font-size: 20px;
	}
	.gfaIntroContentRight{
		font-family: sans-serif;
		font-weight: 500;
		text-align: center;
		color: #ffffff;
		font-size: 20px;
	}
}