/* Header & Menu */

#home {
	width:1200px;
	height:675px;
	background:url(http://www.autoserwis.co/media/img/bg.jpg) no-repeat;
	background-size:cover;
	position:relative;
}

#home #menu {
	position:relative;
	width:947px;
	height:630px;
	background:url(../img/menu.png) no-repeat center center;
	background-size:contain;
	margin:auto;
}

#home #menu li {
	position:absolute;
}

#home #menu li a {
	display:block;
	width:130px;
	height:130px;
/*	border:1px solid red;
	background-color:rgba(0,0,150,0.2);*/
}

#home #menu li.rounded a {
	border-radius: 65px;
	-moz-border-radius: 65px;
	-webkit-border-radius: 65px;
}

#home #menu li.menu-social {
	width:35px;
	height:31px;
}

#home #menu li.menu-social a{
	width:100%;
	height:100%;
	background-size:100% 100%;
}

#li-co-robimy 		{	left:370px;	top:260px;	}
#li-korzysci 		{	left:235px;	top:300px;	}
#li-zespol 			{	left:152px;	top:417px;	}
#li-kontakt 		{	left:503px;	top:162px;	}
#li-social-face 	{	left:595px;	top:480px;	}


#logo {
	display:block;
	position:absolute;
	left:110px;
	top:110px;
}

#logo img {
	width:100px;
}

#scroll {
	position:absolute;
	bottom:10px;
	left:50%;
	width:23px;
	height:30px;
	margin-left:-12px;
	z-index:1;
}


#space {
	height:0;
	width:100%;	
}


/* Media Querys */

@media screen and (max-height: 630px) and (orientation: landscape), (max-width: 950px) and (orientation: portrait) {
	#home #menu	{
		height:430px;
		width:647px;
	}
	#logo {
		left:80px;
		top:80px;
		width:80px;
		height:80px;
	}
	#home #menu li a { 	width:90px;	height:90px; }
	#home #menu li.rounded a { border-radius: 45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; }
	#home #menu li.menu-social { width:25px; height:21px; }
	#li-co-robimy 		{	left:250px;	top:175px;	}
	#li-korzysci 		{	left:160px;	top:205px;	}
	#li-zespol 			{	left:103px;	top:283px;	}
	#li-kontakt 		{	left:343px;	top:112px;	}
	#li-social-face 	{	left:405px;	top:330px;	}
	#li-social-youtube 	{	left:440px;	top:295px;	}
	#li-social-twiter 	{	left:450px;	top:345px;	}

	.photo .shadow	{
		background-size:100% 15px;
		bottom:-5px;
	}
	.photo, .photo.small {
		width:50%;
	}
}


@media screen and (max-height: 430px) and (orientation: landscape), (max-width: 650px) and (orientation: portrait){
	#home #menu	{
		height:330px;
		width:496px;
	}
	#logo {
		left:60px;
		top:60px;
		width:60px;
		height:60px;
	}
	#home #menu li a { 	width:70px;	height:70px; }
	#home #menu li.rounded a { border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; }
	#home #menu li.menu-social { width:25px; height:21px; }
	#li-co-robimy 		{	left:192px;	top:135px;	}
	#li-korzysci 		{	left:122px;	top:156px;	}
	#li-zespol 			{	left:78px;	top:216px;	}
	#li-kontakt 		{	left:262px;	top:83px;	}
	#li-social-face 	{	left:311px;	top:251px;	}
	#li-social-youtube 	{	left:333px;	top:222px;	}
	#li-social-twiter 	{	left:343px;	top:260px;	}

	.photo, .photo.small {
		width:80%;
	}
}


@media screen and (max-height: 330px) and (orientation: landscape), (max-width: 500px) and (orientation: portrait) {
	#home #menu	{
		height:230px;
		width:346px;
	}
	#logo {
		left:40px;
		top:40px;
		width:40px;
		height:40px;
	}
	#home #menu li a { 	width:50px;	height:50px; }
	#home #menu li.rounded a { border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
	#home #menu li.menu-social { width:20px; height:18px; }
	#li-co-robimy 		{	left:133px;	top:93px;	}
	#li-korzysci 		{	left:84px;	top:108px;	}
	#li-zespol 			{	left:53px;	top:150px;	}
	#li-kontakt 		{	left:182px;	top:57px;	}
	#li-social-face 	{	left:215px;	top:173px;	}
	#li-social-youtube 	{	left:230px;	top:152px;	}
	#li-social-twiter 	{	left:238px;	top:178px;	}

	.photo, .photo.small {
		width:90%;
	}
	p, a, textarea, input, label, address, .error {
		font-size:14px;
	}
	article header h1 {
		font-size:25px;
	}
}


@media screen and (max-height: 230px) and (orientation: landscape), (max-width : 370px) and (orientation: portrait) {
	#home #menu	{
		height:200px;
		width:95%;
		background:none;
	}
	#home #menu ul {
		/*padding-left:50px;*/
	}
	#home #menu li {
		position:static;
	}
	#home #menu li.rounded a {
		border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		width:80px;
		height:34px;
		margin:auto;
		margin-top:5px;
		background-image:url(../img/menu-mobile.png);
		background-repeat: no-repeat;
		background-color:rgba(0,0,0,0.3);
		border:1px solid #999;
	}
	#li-co-robimy a {	background-position: center 0; }
	#li-korzysci a {	background-position: center -50px;	}
	#li-zespol a 	{	background-position: center -100px;	}
	#li-kontakt a 	{	background-position: center -158px;	}
	.menu-social {
		float:left;
		margin-top:10px;
		margin-right:10px;
	}
	#logo {
		left:5px;
		top:5px;
		width:30px;
		height:30px;
	}
	#scroll {
		bottom:5px;
		left:50%;
		width:15px;
		height:20px;
		margin-left:-7px;
		z-index:1;
	}
	p, a, textarea, input, label, address, .error {
		font-size:12px;
	}
	article header h1 {
		font-size:20px;
	}
}


@media screen and (min-height: 360px) and (max-width : 370px) and (min-width : 290px)  {
	#logo {
		left:5px;
		top:5px;
		width:40px;
		height:40px;
	}
	#home #menu li.rounded a {
		border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
		width:130px;
		height:64px;
		background-image:url(../img/menu-mobile-m.png);
	}
	#li-co-robimy a {	background-position: center 5px; }
	#li-korzysci a {	background-position: center -70px;	}
	#li-zespol a 	{	background-position: center -150px;	}
	#li-kontakt a 	{	background-position: center -228px;	}
	
	.photo, .photo.small {
		width:90%;
	}
}