/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,700,900'); 

 
.font-raleway { 
  font-family: 'Raleway', sans-serif !important;
  font-weight: 400 !important; }

.font-raleway-100 { 
	font-family: 'Raleway', sans-serif !important;
	font-weight: 100 !important; } 
.font-raleway-200 { 
	font-family: 'Raleway', sans-serif !important;
	font-weight: 200 !important; } 
.font-raleway-300 { 
  font-family: 'Raleway', sans-serif !important;
  font-weight: 300 !important; }
.font-raleway-400 { 
	font-family: 'Raleway', sans-serif !important;
	font-weight: 400 !important; } 
.font-raleway-500 {
  font-family: 'Raleway', sans-serif !important;
  font-weight: 500 !important; }
.font-raleway-700 { 
	font-family: 'Raleway', sans-serif !important;
	font-weight: 700 !important; } 
.font-raleway-900 { 
	font-family: 'Raleway', sans-serif !important;
	font-weight: 900 !important; }  
  
.testimonial-item img{
	width:50px !important;
	height:50px !important;
}
  
.letra-20{
	font-size:20px;
}
 
.letra-30{
	font-size:30px;
}

.background-paralax-uno{ 
	background-image:url(../homepages/caffe/images/parallax/1.jpg); 
}
.background-paralax-dos{ 
	background-image:url(../homepages/caffe/images/parallax/2.jpg); 
}

#mainMenu nav > ul > li > a {
	font-family: "Raleway", san-serif;
	font-weight:200;
	font-size:20px; 
} 

#mainMenu nav > ul > li > a:hover {
	/*background-color:#666;*/ 
	color:#999	;
}
	 
	#slider.rev_slider_wrapper .fullscreen-container{ 
		height:1200px;		
	} 
	#slider ul li img{
		min-height:1200px !important;		
	} 	
	
	
	
@media only screen and (max-width:500px) {
	
	#slider{ 
		height:500px;		
	} 	 
	#slider.rev_slider_wrapper .fullscreen-container{ 
		max-height:500px;		
	} 
	#slider ul li{
		max-height:500px;		
	} 	
	#slider ul li img{
		max-height:500px;		
	} 	  	
	
	.background-paralax-uno, .background-paralax-dos{ 
		background-image:url(""); 
	}

}

@media only screen and (max-width:1024px) {
	
	#slider{ 
		height:600px;		
	} 	 
	#slider.rev_slider_wrapper .fullscreen-container{ 
		max-height:600px;		
	} 
	#slider ul li{
		max-height:600px;		
	} 	
	#slider ul li img{
		max-height:600px;		
	} 	  	
	
	.background-paralax-uno, .background-paralax-dos{ 
		background-image:url(""); 
	}

}