/*Això és un comentari */
/* *TOT, box-sizing: com calcula les mides per a que mantingui la mida donada si fiquem marges (tot inclòs i s'ho menja per dins), content-box és la mesura predeterminada */
*{
box-sizing: border-box;
}
/*COSES A FICAR SEMPRE */
/*Encaixar imatge i alçada cap a dalt*/

/*
 FBF1DD
  */
img{
max-width: 100%; 
height: auto;
text-align: center;
padding-top:10px;
position: relative;
padding-left: 10px;
}

body{
background-color: #E6ECF5;
color: #2E4B2F;
font-family: Gentium Basic, Arial, sans-serif;
font-size: 1.20rem;
line-height: 1.3;
text-align: left;
margin-left: 100px;
font-weight: 400;
}

h1 {
font-family: 'Bellota', sans-serif;
font-weight: 700;
font-size: 6rem;
line-height: 4rem;
text-align: left;
position: relative;
top: 45px;
}

h2,h4,h5 {
font-family: 'Bellota', sans-serif;
font-size: 2.5rem;
line-height: 1rem;
padding-top: 20px;
font-weight: 700;
text-transform: uppercase;
}


h3{
position: fixed;
top: 53%;
left: 40px;
transform-origin: 0 0;
transform: rotate(-90deg) translate(-50%, 0) ;
}

/*LINKS */
a {
color: #7F94BF;
font-family: 'Bellota', sans-serif;
text-decoration: none; 
font-size: 2rem;
line-height: 2.5rem;
}

a:visited { 
color: #031F59;
}

a:hover {
color: #7F94BF;
text-decoration-color: #7F94BF;
text-decoration-line: underline;
text-underline-offset: 4px;
text-decoration-style: wavy;
text-decoration-thickness: 3px;}

a:active {
color: #031F59;
text-decoration-color: #ffffff;
text-decoration-line: underline;
text-underline-offset: 4px;
text-decoration-style: wavy;
text-decoration-thickness: 3px;
}

img:hover {
opacity: 100%;
}

#tot{
width: 95%; 
max-width: 850px;
background-color: #E6ECF5;
margin-left: auto;
margin-right: auto;
}

.linia{
border-left: #2E4B2F 1px solid;
padding-left: 10px;
margin-left: 120px;
position: relative;
padding-bottom: 50px;
}

.destacat {
font-size: 2.3rem;
line-height: 2.55rem;
padding-top: 0px;
position: relative;
margin-left: 120px;
}

.destacat2 {
font-size: 1.250rem;
padding-top:0px;
line-height: 1rem;
font-family: 'Bellota', sans-serif;
}

.lila{
  color: #7F94BF;
font-family: 'Bellota', sans-serif;
text-decoration: none; 
font-size: 2rem;
line-height: 3rem;
}

.border {
text-align: center;
color: ff0000;
padding: 3px 10px;
border: #FFFBB3 5px double;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
font-size: 1.125rem;
}

.costat{
position: relative;
margin-left: 120px;
}
.costat2{
position: relative;
margin-left: 90px;
}
  
.cursiva{
  font-weight: 300; 
  font-style: italic;
  margin-left: auto;
  position: relative;
  margin-left: 120px;
  }

hr {
  height: 1px;
  background-color:#2E4B2F;
  border:none;
  position: relative;
    }

.peu{
  text-align: left;
  font-family:'Bellota', sans-serif;
  font-size: 0.8rem;
  position: relative;
  margin-left:10px;
}
.ficha{
  font-size: 1.125rem;
  padding-top:0px;
  line-height: 1.7rem;
  font-family: 'Bellota', sans-serif;
}

.foto{
  max-width: 50%;
  border-color: #2E4B2F;
}

.negreta{
font-weight: 700;
font-style: italic;
}

li{
 font-family: 'Bellota', sans-serif;
 padding-bottom: 10px;
}
.video {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media(max-width:996px){
	h1 {
font-family: 'Bellota', sans-serif ;
font-weight: 700;
font-size: 6rem;
line-height: 4rem;
text-align: left;
position: relative;
top: 45px;}
body {
  background-color: ; }
  a{
  	font-size: 1.5rem;
  }
  html{
    font-size: 14px;
  }
   .cursiva{
  padding-top: 10px;
}
  }

@media(max-width:635px){
  html{
    font-size: 14px; 
max-width: 800px;}

	h3{
font-size: 2rem;
top: 50%;
left: 15px;
}

 .tot{
 	width: 80%; 
 }
  .cursiva{
  font-weight: 300; 
  margin-left: 50px;
  padding-top: 5px;
}
.linia{
  padding-left: 10px;
   margin-left: 50px;
  position: relative;
  padding-bottom: 50px;
}
 .destacat {
  font-size: 2.3rem;
  line-height: 2.55rem;
  margin-left: 50px;
  }
  .costat{
  margin-left: 50px;
}
.costat2{
  margin-left: 30px;
}

    body {
background-color: #E6ECF5;
margin-left: 80px;
}
}


@media(max-width:492px){
  html{
font-size: 12px;} 
	h1 {
font-family: 'Bellota', sans-serif ;
font-weight: 700;
font-size: 5rem;
line-height: 4rem;
text-align: left;
position: relative;
top: 45px;}

	h3{
font-size: 2rem;
top: 50%;
left: 15px;
}

 .tot{
 	width: 80%; 
 }
  .cursiva{
  font-weight: 300; 
  margin-left: 50px;
  padding-top: 20px;
}
.linia{
  padding-left: 10px;
   margin-left: 50px;
  position: relative;
  padding-bottom: 50px;
}
 .destacat {
  font-size: 2.3rem;
  line-height: 2.55rem;
  margin-left: 50px;
  }
  .costat{
  margin-left: 50px;
}
.costat2{
  margin-left: 30px;
}

    body {
background-color: #E6ECF5;
margin-left: 80px;}

}
@media(max-width:434px){
	html{
font-size: 12px;
max-width: 700px;}

	h1 {
font-family: 'Bellota', sans-serif ;
font-weight: 700;
font-size: 4.75rem;
line-height: 4rem;
position: relative;
top: 20px;
right: 20px;
}

.tot{
  width: 100%; 
 }
.cursiva{
  font-weight: 300; 
  margin-left: 50px;
  padding-top: 0px;
}
.linia{
  padding-left: 10px;
   margin-left: 50px;
  position: relative;
  padding-bottom: 50px;
}
.destacat {
  font-size: 1.9rem;
  line-height: 2.55rem;
  margin-left: 50px;
  }
.costat{
  margin-left: 50px;
}
.costat2{
  margin-left: 30px;
}

    body {
background-color: #E6ECF5;
margin-left: 40px;}
	h3{
top: 50%;
left: 5px;

padding-right: 10px;
}
}