.logo {
	width: 400px;
	margin-left: 12%;
}

.menu {
	margin-right: 12%;
	width: 80%;
	flex: 1;
	justify-content: right!important;
}


.encapcalament {
	position: relative;
}


.txt-encapcalament {
	font-family: 'OpensansLight';
	position: absolute;
	color: #ff6600;
	font-size: 30px;
	top: 50%;
	right: 15%;
	
}

.seccio-intro, .seccio {
	width: 66%;
	margin: auto;
	padding: 50px 0px;
}

.seccio-intro-col1 {
	width: 37%;
	margin: 0px 1%;
	display: inline-block;
}

.seccio-intro-col2 {
	width: 57%;
	margin: 0px 1%;
	display: inline-block;
}

h1 {
	font-size: 32px;
	font-family: 'Calibri';
	color: #808080;
	text-align: right;
}

h2 {
	font-size: 24px;
	font-family: 'Calibri2';
	color: #000000;
	margin: 24px 0px;
}

h3 {
	font-size: 48px;
	font-family: 'Calibri2';
	text-align: right;
	color: #ff6600;
}

h4 {
	font-size: 32px;
	font-family: 'Calibri2';
	color: #000000;
	text-align: center;
	padding: 25px 0px;
}

.seccio-resaltada {
	background-color: #e6e6e6;
	padding: 50px;

}

.tit-seccio-resaltada {
	margin: auto;
}

.cont-seccio-resaltada {
	width: 66%;
    text-align: center;
    margin: auto;
	display: flex;
}

.col-25 {
	width: 25%;
	padding: 2%;
	display: inline-block;
	flex-wrap: wrap;
    justify-content: center;
}

.seccio-promo {
	position: relative;
	
}

.promo-txt {
	position: absolute;
	right: 20%;
	top: 50%;
	text-align: right;
	font-family: 'OpensansLight';

}

.promo-txt-titular {
	
	color: #ff6600;
	font-size: 64px;
	line-height: 1;
	margin: 0px;
	}

.promo-txt-subtitular {
	font-size: 48px;
	color: #000;
}

.cont-seccio {
	display: flex;
	text-align: center;
	margin: auto;
}

.col-33 {
	width: 33%;
}


.formulari {
	width: 66%;
	margin: auto;
}

.cont-formulari {
	display: block;
}

.col-50 {
	width: 49%;
	display: inline-block;
	
}
footer {
	background-color: #cccccc;
	padding: 50px;
	display: flex;
}

.col-peu {
	width: 32%;
	display: inline-flex;
	    flex-direction: column;
}

hr {
	float:right;
}

.col-peu h2 {
		margin-top: 0px;
	}

@media screen and (max-width: 1220px) {
	.logo {
		margin-left: 25px;
	}
	
	.menu {
		margin-right: 25px;
		justify-content: right!important;
	}
	
	.seccio, .cont-seccio-resaltada, .formulari, .peu {
		width: 95%;
	}
	
	img.foto-footer {
		width: 95%;
		height: auto;		
		
	}
	
	
}


@media screen and (max-width: 1000px) {
	.logo { 
		margin-right: 25px;
	}
	
	.menu {
		margin-left: 25px;
		justify-content: left!important;
	}
	
	h3 {
		font-size: 36px;
	}
}

@media screen and (max-width: 768px) {
	.seccio-promo, .encapcalament {
		height: 500px;
		overflow: hidden;
	}
	
	.txt-encapcalament {
		font-size: 20px;
		    width: 50%;
    text-align: right;
    top: 70%;
	}
	
	.seccio-intro {
		width: 90%;
	}
	
	.seccio-intro-col1, .seccio-intro-col2, .seccio-resaltada, .seccio, footer {
		width: 100%;
		padding: 5%;
		
	}
	
	h1, h3 {
		text-align: left;
	}
	
	h3 {
		font-size: 36px;
	}
	
	.cont-seccio-resaltada {
		width: 90%;
		flex-direction: column;
		padding-bottom: 50px;
	}
	
	.col-25, .col-33, .col-50, .col-6, .col-peu, .peu {
		width: 100%;
	}
	
	.col-50, .col-6, .peu {
		margin: 20px 0px;
	}
	
	
	
	.peu {
		width: 100%;
		flex-direction: column;
	}
	
	
	
	.cont-seccio {
		flex-direction: column;
	}
	
	hr {
	float:left;
}
	
	img.fondo-header {
    height: 100%;
    left: -300px;
}
	
	.promo-txt {
    top: 75px;
    line-height: 1;
    right: 50px;
}
	
	.promo-txt-titular {
		font-size: 50px;
	}
	
	.promo-txt-subtitular {
		font-size: 30px;
	}
	
	.formulari {
		width: 100%;
	}
	
	.text-end {
		text-align: center !important;
	}
}