body{
/*	background: -webkit-gradient(linear, left top, left bottom, from(#08A460), to(#000000));*/
    background-color: #9F0909;
}
* {
	font-family: 'Kiwi Maru', serif;
	font-weight: 600;
	text-align: center;
	color: black;
	text-decoration: none;
}
.icona{
	position: absolute;
	width:20%;
}
#icona{
	position: absolute;
	width:30%;
	left: 0vw;
	top:0vw;
}
#logo{
	position: absolute;
	width: 20%;
	left: 40%;
	top:3vw;
    
}
.banderes{
	position: absolute;
	width: 98%;
    left: 1%;
	top: 40vw;
    text-align: center;
}
.botons{    /*controla la posició dels botons*/
	position: relative;
	top: 0vw;
}
#cat,#esp,#fra,#ang,#ale,#hol{
	width: 11%;
    padding: 0.7%;
    margin: 1%;
    border-style: solid;
	border-radius: 0.5vw;
	border-width: 0.3vw;
	border-color: #D22D20;
    box-shadow: rgba(0, 0, 0, 0.55) 3.95px 3.95px 20px;
}
.caixa1,.caixa2,.caixa3,.caixa4,.caixa5,.caixa6,.caixa7,.caixa8,.caixa9{
	position: absolute;
    display: block;
	top: 25vw;
	width: 80%;
	left: 10%;
	height: 10vw;
    font-size: 4.5vw;
	padding: 0vw 0vw 0vw 0vw;
	background-color: white;
    box-shadow: rgba(0, 0, 0, 0.55) 3.95px 3.95px 20px;
    text-shadow: 0.1em 0.1em 0.2em #6D6D6D;
	border: #6B6B6B;
	border-style: solid;
	border-radius: 0.8vw;
	border-width: 0.6vw;
	border-color: #EB5A4F;
}
.primer{
	position: absolute;
	top: 0.8vw;
	width:100%;
	left: 0%;
}
.caixa2{
	top: 39vw;
}
.caixa3{
	top: 53vw;
}
.caixa4{
	top: 67vw;
}
.caixa5{
	top: 81vw;
}
.caixa6{
	top: 95vw;
}
.caixa7{
	top: 109vw;
}
.caixa8{
	top: 123vw;
}
.caixa9{
	top: 137vw;
}
@media (min-width: 840px) and (max-width: 1200px){
*{
	font-family: 'Kiwi Maru', serif;
	font-size: 3vw;
	font-weight: 600;
	text-align: center;
	color: black;
	text-decoration: none;
}
body{
/*	height: 80vw;*/
}
.icona{
	position: absolute;
	width:50%;
}
#icona{
	position: absolute;
	width:10%;
	left: 2vw;
	top:2vw;
}
#logo{
	position: absolute;
	width: 20%;
	left: 40%;
	top:3vw;
}
.banderes{
	position: absolute;
	width: 98%;
    left: 1%;
	top: 26vw;
    text-align: center;
}
.botons{    /*controla la posició dels botons*/
	position: relative;
	top: 0vw;
}
#cat,#esp,#fra,#ang,#ale,#hol{
	width: 10%;
    padding: 0.4%;
    margin: 1%;
    border-style: solid;
	border-radius: 0.5vw;
	border-width: medium;
	border-color: #D22D20;
    box-shadow: rgba(0, 0, 0, 0.55) 3.95px 3.95px 20px;
}
.caixa1,.caixa2,.caixa3,.caixa4,.caixa5,.caixa6,.caixa7,.caixa8,.caixa9{
	position: absolute;
    display: block;
	top: 24vw;
	width: 50%;
	left: 25%;
	height: 4.5vw;
    font-size: 3vw;
	padding: 0.1vw 0vw 0.5vw 0vw;
	background-color: white;
    box-shadow: rgba(0, 0, 0, 0.55) 3.95px 3.95px 20px;
    text-shadow: 0.1em 0.1em 0.2em #6D6D6D;
	border: #6B6B6B;
	border-style: solid;
	border-radius: 0.5vw;
	border-width: 0.3vw;
	border-color: #EB5A4F;
}
.primer{
	position: absolute;
	top: 0vw;
	width:100%;
	left: 0%;
}
.caixa2{
	top: 31vw;
}
.caixa3{
	top: 38vw;
}
.caixa4{
	top: 45vw;
}
.caixa5{
	top: 52vw;
}
.caixa6{
	top: 59vw;
}
.caixa7{
	top: 66vw;
}
.caixa8{
	top: 73vw;
}
.caixa9{
	top: 80vw;
}
}
@media (min-width: 1200px) {

body{
/*	height: 50vw;*/
}
.icona{
	position: absolute;
	width:40%;
}
#icona{
	position: absolute;
	width:10%;
	left: 1vw;
	top:1vw;
}
#logo{
	position: absolute;
	width: 15%;
	left: 42.5%;
	top:3vw;
}
.banderes{
	position: absolute;
	width: 70%;
    left: 15%;
	top: 20vw;
    text-align: center;
}
#cat,#esp,#fra,#ang,#ale,#hol{
	width: 10%;
    padding: 0.4%;
    margin: 1%;
    border-style: solid;
	border-radius: 0.5vw;
	border-width: medium;
	border-color: #D22D20;
    box-shadow: rgba(0, 0, 0, 0.55) 3.95px 3.95px 20px;
}
.botons{    /*controla la posició dels botons*/
	position: relative;
	top: 0vw;
}
.caixa1,.caixa2,.caixa3,.caixa4,.caixa5,.caixa6,.caixa7,.caixa8,.caixa9{
	position: absolute;
    display: block;
	top: 20vw;
	width: 40%;
	left: 30%;
	height: 3.3vw;
    font-size: 1.8vw;
	padding: 0.1vw 0vw 0vw 0vw;
	background-color: white;
    box-shadow: rgba(0, 0, 0, 0.55) 3.95px 3.95px 20px;
    text-shadow: 0.1em 0.1em 0.2em #6D6D6D;
	border: #6B6B6B;
	border-style: solid;
	border-radius: 0.5vw;
	border-width: 0.3vw;
	border-color: #EB5A4F;
}
.primer{
	position: absolute;
	top: 0vw;
	width:100%;
	left: 0%;
}
.caixa2{
	top: 25vw;
}
.caixa3{
	top: 30vw;
}
.caixa4{
	top: 35vw;
}
.caixa5{
	top: 40vw;
}
.caixa6{
	top: 45vw;
}
.caixa7{
	top: 50vw;
}
.caixa8{
	top: 55vw;
}
.caixa9{
	top: 60vw;
}
}