@charset "utf-8";
@media screen and (max-width: 1060px) and (min-width: 401px) {
	body {
	font-size: 16px;
	}
	input, textarea, select {
	font-size: 16px;
	}
	h1 {
		font-size: 50px;
	}

	h2 {
		font-size: 18px;
	}
	.navigationUl li a h2{
	line-height: 0px;
	font-weight: 10px;
	}

	h3 {
		font-size: 20px;
	}
	p {
		font-size: 16px;
	}
	blockquote {
		font-size: 16px;
	}
	pre {
		font-size: 16px;
	}

	.navigationUl li a{
		display: block;
	}
	.imatgeProjecte{
	width: 100%;
	}
	

	.textProjecte{
	text-align: justify;

	}
	.botoMenu{
	padding-top: 10px;
	font-size: 50px;
	}
	.navigationUl li .botonsMenu{
		display: none;
	}
	.navigationUl.sensible li .botonsMenu{
		display: block;
	}

	ul.navigationUl li.icoMostraAmaga{
	display: block;
	}
	.iframeMaps{
	width: 100%px;
	height: 225px;
	}
	.inputs{
	width: 100%;
	}
	textarea{
	width: 100%;
	}
	.boton{
	width: 100%;
	}
	.section{
	padding-top: 100px;
	padding-bottom: 100px;
	}
	.liniaServeis{
	padding-left: 5px;
	padding-right: 5px;
	}
	.navigationUl li{
		margin: 1px;
	}
	.contacteEsquerra{
		float: left;
		width: 48%;
	}

	.contacteDreta{
		display: block;
		float:right;
		width: 48%;	
	}
	.contacteDretaMbl{
		display: none;	
	}
}
@media screen and (max-width: 500px) {
	.navigationUl li a{
		display: block;
	}
	.imatgeLogo {
	width: 300px;
	margin: auto;
	}
	.contingutProjectes{
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	}
	.imatgeProjecte{
	width: 100%;
	}
	.llistaProjectes{
	margin: auto;
	width: 100%;
	}
	body {
	font-size: 12px;
	}
	input, textarea, select {
	font-size: 12px;
	}
	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 18px;
	}

	.navigationUl li a h2{
	line-height: 0px;
	font-weight: 10px;
	}

	h3 {
		font-size: 14px;
	}
	p {
		font-size: 12px;
	}
	blockquote {
		font-size: 12px;
	}
	pre {
		font-size: 12px;
	}
	.navigationUl li a{
		display: block;
	}
	.botoMenu{
	padding-top: 25px;
	font-size: 50px;
	}
	.navigationUl li .botonsMenu{
		display: none;
	}
	.navigationUl.sensible li .botonsMenu{
		display: block;
	}
	ul.navigationUl li.icoMostraAmaga{
	display: block;
	}
	.iframeMaps{
	width: 100%;
	height: 225px;
	}
	.inputs{
	width: 100%;
	}
	textarea{
	width: 100%;
	}
	.boton{
	width: 100%;
	}

	.veureImatgeContingut {
       	 width: 100%;
   	 }
   	 .section{
	padding-top: 110px;
	padding-bottom: 110px;
	}
	.liniaServeis{
	padding-left: 5px;
	padding-right: 5px;
	}
	.navigationUl li{
		margin: 1px;
	}
	.contacteEsquerra{
	float: none;
	width: 100%;
	}
	.contacteDreta{
		display: none;
	}
	.contacteDretaMbl{
		display: block;
		width: 100%;
	}
}