body {

  background-color: LightSkyBlue;

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: 100% 100%;

  font-family: 'Abhaya Libre';font-size: 1.3vw; /*Com afegir noves fonts*/

}



.responsive-youtube{    /*Vídeos de YouTube*/

	height: 0;

	overflow: hidden;

	padding-bottom: 56.25%;

	padding-top: 30px;

	position: relative;

}

.video-responsive iframe, .video-responsive object, .video-responsive embed {  

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	}



#caixa1 {

    position:absolute;  

    top: 3%;                      /*On comença la caixa respecte el marge superior*/

    left: 3%;                     /*On comença la caixa respecte el marge esquerra*/

   background: #FFFAFA;

  background-color: rgb(255, 250, 250, 0.5); /*Color de fons semitransparent de la caixa*/   

    width: 94%;                   /*Amplada de la caixa*/

    height: 7%;                  /*Alçada de la caixa*/

    padding: 0.2%;                 /*Distància entre el marge i on comencem a escriure*/


    font-family: sans-serif;      /*Font de lletra que conté la caixa*/

    font-size: 3.5vw;             /*Mida de lletra que conté la caixa Viewport Sized*/

 				  /*Typography autoescalable*/

    font-weight: bold;            /*Estil negreta del text que conté la caixa*/

    text-align: center;           /*Alineació del text que conté la caixa*/

    color: black;                 /*Color del text que conté la caixa*/

}

#caixa2 {

    position:absolute;

    top: 13%;

    left: 4%;

    background: #E6E6E6;

    width: 92%;

    height: 21%;

    padding: 0.2%;

    font-family:;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black;    

}

#caixa3 {

    position:absolute;

    top: 15%;

    left: 6%;

    width: 30%;

    height: 17%;

    padding: 0.2%;

    font-family: sans-serif;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black; 

}

#caixa4 {

    position:absolute;

    top: 15%;

    left: 39%;

    background: orange;
    
    background-color: rgb(255, 165, 0, 0.8);

    width: 55%;

    height: 3%;
    
    padding: 0.2%;

    font-family: sans-serif;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black; 
}

#caixa5 {

    position:absolute;

    top: 20%;

    left: 39%;

    background: LightBlue;

    width: 55%;

    height: 12%;
    
    padding: 0.2%;

    font-family: sans-serif;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black; 
    
}

#caixa12 {

    position:absolute;

    top: 36%;

    left: 4%;

    background: #E6E6E6;

    width: 92%;

    height: 21%;

    padding: 0.2%;

    font-family:;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black;    

}

#caixa13 {

    position:absolute;

    top: 38%;

    left: 6%;

    width: 30%;

    height: 17%;

    padding: 0.2%;

    font-family: sans-serif;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black; 

}

#caixa14 {

    position:absolute;

    top: 38%;

    left: 39%;
    
    background: orange;
    
    background-color: rgb(255, 165, 0, 0.8);


    width: 55%;

    height: 3%;
    
    padding: 0.2%;


    font-family: sans-serif;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black; 
}

#caixa15 {

    position:absolute;

    top: 43%;

    left: 39%;

    background: LightBlue;
  
    width: 55%;

    height: 12%;
    
    padding: 0.2%;


    font-family: sans-serif;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black; 
    
}

#caixa22 {

    position:absolute;

    top: 59%;

    left: 4%;

    background: #E6E6E6;

    width: 92%;

    height: 21%;

    padding: 0.2%;

    font-family:;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black;    

}

#caixa23 {

    position:absolute;

    top: 61%;

    left: 6%;

    width: 30%;

    height: 17%;

    padding: 0.2%;

    font-family: sans-serif;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black; 

}

#caixa24 {

    position:absolute;

    top: 61%;

    left: 39%;

    background: orange;
    
    background-color: rgb(255, 165, 0, 0.8);

    width: 55%;

    height: 3%;
    
    padding: 0.2%;

    font-family: sans-serif;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black; 
}

#caixa25 {

    position:absolute;

    top: 66%;

    left: 39%;

    background: LightBlue;

    width: 55%;

    height: 12%;
    
    padding: 0.2%;

    font-family: sans-serif;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black; 
    
}

#caixa32 {

    position:absolute;

    top: 82%;

    left: 4%;

    background: #E6E6E6;

    width: 92%;

    height: 21%;

    padding: 0.2%;

    font-family:;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black;    

}

#caixa33 {

    position:absolute;

    top: 84%;

    left: 6%;

    width: 30%;

    height: 17%;

    padding: 0.2%;

    font-family: sans-serif;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black; 

}

#caixa34 {

    position:absolute;

    top: 84%;

    left: 39%;

    background: orange;
    
    background-color: rgb(255, 165, 0, 0.8);

    width: 55%;

    height: 3%;
    
    padding: 0.2%;

    font-family: sans-serif;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black; 
}

#caixa35 {

    position:absolute;

    top: 89%;

    left: 39%;

    background: LightBlue;

    width: 55%;

    height: 12%;
    
    padding: 0.2%;


    font-family: sans-serif;

    font-size: 1.3vw;

    font-weight: bold;

    text-align: center;

    color: black; 
    
    
}