html
{
	font-size: 18px;
	font-family: 'Open Sans Hebrew', Helvetica, Arial, Sans-Serif; 
	direction: rtl;
}

body
{
	margin:0;
	padding:0;
	color:#FFF;
}

.container
{
	
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	max-width: 1032px;
	height: 674px;
	background: url('../images/bg.jpg')  no-repeat 0 0;
	
}



#logoContainer
{
	margin-top:0px;
	padding-top:32px;
	padding-bottom:32px;
	z-index: 2;
	
}


.leftStrip
{

	color:#624543;
	background:url('../images/side_bg.jpg') fixed 95px 10px;
	width:340px;
	text-align:center;
	
	
}


h1{font-weight: bold; font-size:64px; line-height: 64px; margin-bottom:10px;}



#ribon{ 
	background: url('../images/banner.png') no-repeat;
	background-size: 100% 100%;
	font-weight: bold; 
	font-size:38px;
 }
 
#ribon p{
	margin-top:5px;
	padding-top: 5px;
	} 


ul {
	list-style-type: none;
	width:40%;
   font-weight: 300;
   font-size: 26px;
   margin:0;
  
}
li img{padding-left:0.5em;margin-right:-0.5em;}

#contact h2,#contact p{
	line-height:5px;
	font-size: 26px;

}

#contact h2{
	font-size: 28px;
	color:#0c539e;
	
}



#name, #email, #phone {
	color: #624543;
	width: 68% ;
  padding: 0.5em 0.5em;
  font-family: 'Open Sans Hebrew', Helvetica, Arial, Sans-Serif; 
  font-size: 0.9em;
  font-weight:bold;
  margin-top: 0.5em;
  margin-bottom: 0.6em;
  border: 0;
  border-radius: 2px;
  
    -webkit-box-shadow:inset 2px 2px 5px 0 rgba(0,0,0,0.6);
       -moz-box-shadow:inset 2px 2px 5px 0  rgba(0,0,0,0.6);
            box-shadow:inset 2px 2px 5px 0 rgba(0,0,0,0.6);

   
 
}

 #send {
	color: #ffffff;
	background:#0b4a8c;
	background-image: url('../images/button_bg.png');
    background-repeat: no-repeat;
    background-position: 0px 0px; 
    background-size: 100% 100%;
  	width: 78% ;
 	padding: 0.5em 0.5em;
   	font-family: 'Open Sans Hebrew', Helvetica, Arial, Sans-Serif; 
  	font-size: 1.2em;
  	font-weight:bold; 
 	border: 0;
 	border-radius: 4px;
 	margin-top:25px;
}

#phoneNumber
{
	font-size: 30px;
	color: #624543;
	margin: 10px 0;
	/*line-height: 5px;*/
}

#phoneNumber p{
		margin: 15px 0 -10px;
}

#phoneNumber h2
{
	font-size: 40px;
	color:#0c539e;
	font-weight: 800;
	margin:0 0 10px;
}

#gallery{
			
}

#gallery h2{
	font-size: 24px;
	margin-bottom:3px;
}
.gallery-container{
	margin-right: -30px;
}
.image-container{
	width:29%;
	float:right;
	background:#FFFFFF;
	padding:10px;
	margin:2px;
	
}
.image-container img{	
		width:100%;
	}

/*******************************************************/
/*                   MOBILE                            */
/*******************************************************/

@media only screen and (max-width: 620px)
{
	body{
		text-align:center;	
		background: url('../images/bg.jpg') fixed;
		background-size: 100%x 800px;
	}
	
	
	
	.container{
		margin-top: 0px;
		background-image:none;
		
	}
	
	.warpper{
		float:none;
	}

	#logoContainer, .warpper, #benfits, ul, #contact-container,.gallery-container
	{width:100%;text-align:center;}
	
	#benfits{margin-top:-1em; padding-bottom:1em}
	
	ul{
		padding:0;
		margin: 0em 0;
	}
	
	li{
		margin-right:-2em;
		display:inline-block;
		width: 100%;
	}
	
	.leftStrip{
		color:#624543;
		background:url('../images/side_bg.jpg') repeat-y 0px 0px;
	}
	
	#main-title{padding:0 0 0.5em;}
	
	#ribon{padding-bottom: 1em; padding-bottom: 0.8em;line-height: 1em;}
	
	#contact{padding-top:0.5em;}
	#phoneNumber{padding-top:0.5em;margin-bottom:1.5em;}
	.gallery-container{margin:0;padding:0;}
	#gallery{
		margin:0;
		padding:0;
		clear:both;
		text-align:center;
	}
	
	.image-container{
		
		float:none;	
		width:80%;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:1em;
	}
	
	.image-container img{	
		width:100%;
	}
	
	.image-container:nth-child(3){	
		margin-bottom:4em;
	}
	
}

/*******************************************************/
/*                   TABLET                           */
/*******************************************************/

@media only screen and (min-width: 621px) and (max-width: 999px)
{
	.container{
		min-height:1600px;
		background-color:#060815;
		background-size: 100% 100%;
   		background-repeat: no-repeat;
   		overflow: hidden;
		
		
	}
	
	/*header{ height: 300px;}*/
	#logoContainer	{height: 300px; position: absolute; top:0; left:4px;   z-index: 4;}
	.warpper{float:right; max-width:50%; padding-right: 5%; }
	
	
	.leftStrip
	{
		background-position: 0px; 8px;
		float:left;
		margin-left:12px;
		max-width:40%;
	  
	}
	
	#ribon
	{
		/*height:130px;*/
		text-align:center;
		min-width:320px;
		padding-bottom: 1em;
		padding-left:2em;
		padding-bottom: 0.8em;
		line-height: 1em;
		margin-bottom:-1em;}
	#ribon p{
	margin-right:-1em;
	} 
	
	#benfits{
		/*position: absolute; 
		top:400px; 
		right:0px; */
		width:50%;
		padding-right:10%;
		padding-bottom:1em;
	}
	
	ul{
		display:block;
		padding:0 ;
		margin: 0 0;
	}
	
	
	
	li{
		margin-right:0em;
		display:inline-block;
		width: 350px;
	}
	
	#contact-container
	{
		float:none;
		z-index:4;
		position:absolute;
		
		top:250px;
		left:4px;
		height: 1350px;
	}
	
	
	#gallery{
		width:50%;
		
		margin:0 4%;
		padding:0;
		clear:both;
		text-align:center;
		
		
	}
	.gallery-container{margin:0;padding:0;}
	.gallery-container h2{text-align:right;}
	.image-container{
		
		float:none;	
		max-width:300px;
		width:80%;
		
		margin-right:auto;
		margin-left:auto;
		margin-bottom:1em;
	}
	
	.image-container img{	
		width:100%;
	}
	
	.image-container:nth-child(3){	
		margin-bottom:4em;
	}
	
	#contact p{
	font-size: 20px;

}
	
}


/*******************************************************/
/*                  WIDE SCREEN                        */
/*******************************************************/

@media only screen and (min-width: 1000px)
{
	.container{
		margin-top: 10px;
		border-radius: 10px;}
	
	header{ height: 300px;}
	
	.warpper{float:right; max-width:60%; padding-right: 5%; }
	
	
	.leftStrip
	{
		float:left;
		margin-left:12px;
	  
	}
	
	#ribon
	{
		height:130px;
		padding-left:2em;
	}
	
	
	#benfits {
		width:60%;
		padding:0 28px;
		height:100px;
	}

	
	ul{
		display:block;
		margin-top:-25px;
		float: right;
	}
	
	
	#contact-container{
		
		height: 495px;
		margin-top:-220px;
	}

 #contact {
	
	z-index: 4;
	}

	
}