header img {
	width: 100%;
}

header h1, h2 {
	text-align: center;
	color: #297635;
	font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

p {
	font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

body {
	width: 90%;
	margin:  auto;
}


footer {
	margin-top: 30px;
	margin-bottom: 5%;
	text-align: right;
}

#intro, #credits, #persabermes {
	border:  solid 1px lightgray;
	padding: 15px;
	font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	margin-top: 30px;
	}

#credits ul li, #persabermes ul li {
	list-style-type:none;
}


#srsburriac, #xarbotaires, #srsbarcelona, #bonadona, #bruixa, #elbei, #timboreta, #mir, #pirata, #castlana, #arnal, #elisenda, #bernat, #vellot, #capdecantir, #blanca, #drcalvo, #srsaiguanaf {
	display: flex;
	border: solid 1px #297635;
	margin-top: 30px;
}

.nomfigures {
	width: 15%;
	padding-top: 3%;
	padding-left: 3%;
	text-align: center;
}

#titulars {
	margin-top: 10%;
	text-align: center;
	color: #297635;
	font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	

}

.imatgelateral {
	width: 25%;
	text-align: center;
	padding: 15px;
}

.imatgelateral img {
	max-width: 70%;
	height: auto;
	margin: auto;

}


.contenttext {
	width: 75%;
	padding: 20px;
	
}

table tr {
	color: darkolivegreen;
	font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

@media screen and (max-width: 480px) {
  #srsburriac, #xarbotaires, #srsbarcelona, #bonadona, #bruixa, #elbei, #timboreta, #mir, #pirata, #castlana, #arnal, #elisenda, #bernat, #vellot, #capdecantir, #blanca, #drcalvo, #srsaiguanaf {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 25px;
	border:  solid 1px #297635;
}

.nomfigures {
	width: 90%;
	padding-top: 3%;
	padding-left: 3%;
	margin: auto;
}

.imatgelateral {
	width: 90%;
	text-align: center;
	padding: 15px;
	margin: auto;
}

.contenttext {
	width: 90%;
	padding: 15px;
	margin: auto;
}