
body{
	background-color:#e5e0da;
}
header,
footer{
	padding: 20px 10px;
	background-color:#21466c;
	color:white;
	font-family: 'Lora', serif;
}
header nav ul{
	text-align: center;
	margin-top: 30px;
}

footer p{
	font-size: 13px;
	line-height: 2em;
}
footer h2{
	font-size: 17px;
	margin-bottom: 1em;
	text-transform: uppercase;
	color:white;
}
footer a:hover{
	color:white;
}
footer .dades{
	padding-top: 20px;
}
header img{
	width: 100%;
}
footer img{
	width:40%;
	margin: 0 auto;
}
footer .col-sm-3, footer .col-sm-9{
	text-align: center;
}

header a, footer a{
	color: white;
}
body{
	font-family: 'Lora', serif;
	color:rgb(102, 102, 102);
}

.info{
	background-color:white;
	padding:20px 30px;
/* 	min-height: calc(100vh - 160px); */
/*
	display: flex;
	justify-content: center;
	flex-direction: column;
*/
}
.info img{
	margin-bottom: 20px;
}
.info p,
.info ul, .info li{
	font-size: 15px;
	font-family: 'Lora', serif;
}
.info ul{
	padding-left: 0;
	
}
.info p a{
	color:rgb(102, 102, 102);
}
main > .container{
	padding: 0;
	box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
}


header nav a{
	text-transform: uppercase;
	padding: 0 1em;
	display: block;
}
header nav a:hover{
	color:white;	
}
h2,h3,h4{
	text-transform: uppercase;
	color:#21466c;
	font-size: 23px;
	font-weight: 700;
	font-family: 'Lora', serif;
}

.user{
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='user-alt' class='svg-inline--fa fa-user-alt fa-w-16' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2321466c' d='M256 288c79.5 0 144-64.5 144-144S335.5 0 256 0 112 64.5 112 144s64.5 144 144 144zm128 32h-55.1c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16H128C57.3 320 0 377.3 0 448v16c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48v-16c0-70.7-57.3-128-128-128z'/%3E%3C/svg%3E");
}

.file{
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='far' data-icon='file-alt' class='svg-inline--fa fa-file-alt fa-w-12' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%2321466c' d='M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z'/%3E%3C/svg%3E");
}
.balance{
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='balance-scale-left' class='svg-inline--fa fa-balance-scale-left fa-w-20' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%2321466c' d='M528 448H352V153.25c20.42-8.94 36.1-26.22 43.38-47.47l132-44.26c8.38-2.81 12.89-11.88 10.08-20.26l-10.17-30.34C524.48 2.54 515.41-1.97 507.03.84L389.11 40.37C375.3 16.36 349.69 0 320 0c-44.18 0-80 35.82-80 80 0 3.43.59 6.71 1.01 10.03l-128.39 43.05c-8.38 2.81-12.89 11.88-10.08 20.26l10.17 30.34c2.81 8.38 11.88 12.89 20.26 10.08l142.05-47.63c4.07 2.77 8.43 5.12 12.99 7.12V496c0 8.84 7.16 16 16 16h224c8.84 0 16-7.16 16-16v-32c-.01-8.84-7.17-16-16.01-16zm111.98-144c0-16.18 1.34-8.73-85.05-181.51-17.65-35.29-68.19-35.36-85.87 0-87.12 174.26-85.04 165.84-85.04 181.51H384c0 44.18 57.31 80 128 80s128-35.82 128-80h-.02zM440 288l72-144 72 144H440zm-269.07-37.51c-17.65-35.29-68.19-35.36-85.87 0C-2.06 424.75.02 416.33.02 432H0c0 44.18 57.31 80 128 80s128-35.82 128-80h-.02c0-16.18 1.34-8.73-85.05-181.51zM56 416l72-144 72 144H56z'/%3E%3C/svg%3E");
	}
.main_blurb_image span{
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	color:blue;
}
.blurb_content{
	display: flex;
	flex-direction: column;
}
.main_blurb_image{
	margin-right: 20px;
}
.column.serveis{
	padding: 0 8%;
}
.submit-button{
	border: none!important;
}
.formFooter{
	display: none!important;
}
.form-all{
	margin-top: 0!important;
	box-shadow: none!important;
}
header ul.list-inline{
	margin-bottom: 0;
}
@media all and (min-width:768px){
	header,
	footer{
		padding: 30px 60px;
	}
	header nav ul{
		text-align: right;
		margin-top: 0;
	}
	.info{
		padding: 40px 60px;
	}
	footer img{
		width: 100%;
	}
	footer .col-sm-3, footer .col-sm-9{
	text-align: left;
}
.blurb_content{
	flex-direction: row;
}
}