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:25%;
}
#icona{
	position: absolute;
	width:30%;
	left: 0vw;
	top:0vw;
}
#logo{
	position: absolute;
	width: 26%;
	left: 37%;
	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,.caixa10{
	position: absolute;
    display: block;
	top: 30vw;
	width: 66%;
	left: 17%;
	height: 10vw;
    font-size: 6vw;
	padding: 0.5vw 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.8vw;
	border-width: 0.6vw;
	border-color: #EB5A4F;
}
.primer{
	position: absolute;
	top: 0vw;
	width:100%;
	left: 0%;
}
.caixa2{
	top: 44vw;
}
.caixa3{
	top: 58vw;
}
.caixa4{
	top: 72vw;
}
.caixa5{
	top: 86vw;
}
.caixa6{
	top: 100vw;
}
.caixa7{
	top: 114vw;
}
.caixa8{
	top: 128vw;
}
.caixa9{
	top: 142vw;
}
.caixa10{
	top: 156vw;
}
@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:30%;
}
#icona{
	position: absolute;
	width:10%;
	left: 2vw;
	top:2vw;
}
#logo{
	position: absolute;
	width: 10%;
	left: 45%;
	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,.caixa10{
	position: absolute;
    display: block;
	top: 14vw;
	width: 36%;
	left: 32%;
	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: 21vw;
}
.caixa3{
	top: 28vw;
}
.caixa4{
	top: 35vw;
}
.caixa5{
	top: 42vw;
}
.caixa6{
	top: 49vw;
}
.caixa7{
	top: 56vw;
}
.caixa8{
	top: 63vw;
}
.caixa9{
	top: 70vw;
}
.caixa10{
	top: 77vw;
}
}
@media (min-width: 1200px) {

body{
	height: 50vw;
}
.icona{
	position: absolute;
	width:30%;
}
#icona{
	position: absolute;
	width:10%;
	left: 1vw;
	top:1vw;
}
#logo{
	position: absolute;
	width: 10%;
	left: 45%;
	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;
    display: block;
	top: 0vw;
    background-color: azure;
}
.caixa1,.caixa2,.caixa3,.caixa4,.caixa5,.caixa6,.caixa7,.caixa8,.caixa9,.caixa10{
	position: absolute;
    display: block;
	top: 14vw;
	width: 20%;
	left: 40%;
	height: 2.3vw;
    font-size: 1.4vw;
	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%;
}
.caixa1{
	top: 18vw;
}
.caixa2{
	top: 22vw;
}
.caixa3{
	top: 26vw;
}
.caixa4{
	top: 30vw;
}
.caixa5{
	top: 34vw;
}
.caixa6{
	top: 38vw;
}
.caixa7{
	top: 42vw;
}
.caixa8{
	top: 46vw;
}
.caixa9{
	top: 50vw;
}
.caixa10{
	top: 54vw;
}
}