/*	ESTILS GENERALS
	==================================================*/ 

/* Fonts
@import url(http://fonts.googleapis.com/css?family=Montserrat:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);	
@import url(https://fonts.googleapis.com/css?family=Montserrat+Subrayada:400,700);
@import url(https://fonts.googleapis.com/css?family=Rajdhani:400,700,300,500,600);
@import url(https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500);
@import url(https://fonts.googleapis.com/css?family=Stardos+Stencil:400,700);
@import url(https://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff:400);
@import url(https://fonts.googleapis.com/css?family=Stardos+Stencil);
@import url(https://fonts.googleapis.com/css?family=Stardos+Stencil);*/

html,body{
	background-image: url(../Fons-Manteniment.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #fff;
	font-family:Verdana,sans-serif;
	font-size:16px;
	line-height:1.5
}

h1,h2,h3,h4,h5,h6{
	font-family:"Segoe UI",Arial,sans-serif;
	font-weight:400;
	margin:10px 0
}

h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.w3-large{font-size:18px!important}.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.titular1 {color:#fff; font-family:"Segoe UI",Arial,sans-serif;} /* TIPUS LLETRA TITULARS + COLOR */
.titular2 {color:#000; font-family:"Segoe UI",Arial,sans-serif;} /* TIPUS LLETRA TITULARS + COLOR */

@media (max-width:600px){
	html,body{font-size:14px;line-height:1.2}
	h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4{font-size:14px}h5{font-size:12px}h6{font-size:12px}
	.w3-large{font-size:16px!important}.w3-xlarge{font-size:18px!important}.w3-xxlarge{font-size:20px!important}.w3-xxxlarge{font-size:22px!important}.w3-jumbo{font-size:36px!important}
}
@media (max-width:768px){
	html,body{font-size:14px;line-height:1.2}
	h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h4{font-size:14px}h5{font-size:12px}h6{font-size:12px}
	.w3-large{font-size:16px!important}.w3-xlarge{font-size:18px!important}.w3-xxlarge{font-size:20px!important}.w3-xxxlarge{font-size:22px!important}.w3-jumbo{font-size:36px!important}

}
@media (max-width:992px){
	html,body{font-size:14px;line-height:1.2}
	h1{font-size:32px}h2{font-size:26px}h3{font-size:20px}h4{font-size:16px}h5{font-size:12px}h6{font-size:12px}
	.w3-large{font-size:16px!important}.w3-xlarge{font-size:20px!important}.w3-xxlarge{font-size:32px!important}.w3-xxxlarge{font-size:44px!important}.w3-jumbo{font-size:60px!important}
}
