/**
 * Parallax Scrolling Tutorial
 * For NetTuts+
 *  
 * Author: Mohiuddin Parekh
 *	http://www.mohi.me
 * 	@mohiuddinparekh   
 */

#home { 
	background: url(../_images/parallax/1.jpg) 50% 0 no-repeat fixed; 
	height: 26rem;  
	margin: 3rem auto 5rem auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: inset 0 0 50px rgba(0,0,0,0.3);
	background-size:100%;
}

#para-standort-mitte {
    background: url(../_images/parallax/standort-mitte.jpg) 50% 0 no-repeat fixed; 
	height: 32rem;  
	margin: 3rem 0 5rem 0; 
    width: 200%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: inset 0 0 50px rgba(0,0,0,0.3);
	background-size:100%;
}

#para-standort-huckarde {
    background: url(../_images/parallax/standort-huckarde.jpg) 50% 0 no-repeat fixed; 
	height: 32rem;  
	margin: 3rem 0 5rem 0; 
    width: 200%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: inset 0 0 50px rgba(0,0,0,0.3);
	background-size:100%;
}

#para-standort-aplerbeck {
    background: url(../_images/parallax/standort-aplerbeck.jpg) 50% 0 no-repeat fixed; 
	height: 32rem;  
	margin: 3rem 0 5rem 0; 
    width: 200%; 
    max-width: 1920px; 
    position: relative; 
    box-shadow: inset 0 0 50px rgba(0,0,0,0.3);
	background-size:100%;
}


/* Introduction */

article 					{margin:0 auto; width: 15%; position:relative; }
div.para_circle				{position:relative;  padding:0; position:inline-block; vertical-align:top;}
div.para_circle img			{width:250px; margin:90px 0 0 0;}
 
  
div.para_circle:hover		{}
 
div.para_circle_text   		{position:absolute; top:10.25rem; left:4rem;}
div.para_circle_text2   	{position:absolute; top:10.25rem; left:4rem;}
  
div.para_circle p			{font-weight:300; text-transform:uppercase; text-decoration:none; color:#b5123e; font-size:1.65rem;}
div.para_circle a			{font-weight:300; text-transform:uppercase; text-decoration:none; color:#fff; font-size:36px;}


article.home-p 					{margin:0 auto; width: 30%; position:relative; display:block;}
div.para_circle2				{position:relative;  padding:0; display:inline-block; vertical-align:top; width:49.5%; margin:0 auto;}
div.para_circle2 img			{width:250px; margin:90px 0 0 0;}
 
  
div.para_circle2:hover		{}
  
div.para_circle2 p			{font-weight:300; text-transform:uppercase; text-decoration:none; color:#b5123e; font-size:1.65rem;}
div.para_circle2 a			{font-weight:300; text-transform:uppercase; text-decoration:none; color:#fff; font-size:36px;}

@media screen and (max-width:1060px){
    #para-standort-aplerbeck,
    #para-standort-huckarde,
    #para-standort-mitte    {display:none;}    
}