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: 30%;
	left: 35%;
	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{
	position: absolute;
    display: block;
	top: 38vw;
	width: 66%;
	left: 17%;
	height: 12vw;
    font-size: 6vw;
	padding: 0.8vw 0vw 1vw 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: 1.9vw;
	width:100%;
	left: 0%;
}
.caixa2{
	top: 56vw;
}
.caixa3{
	top: 74vw;
}
.caixa4{
	top: 92vw;
}
.caixa5{
	top: 110vw;
}
.caixa6{
	top: 128vw;
}
.caixa7{
	top: 146vw;
}
@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{
	position: absolute;
    display: block;
	top: 24vw;
	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: 31vw;
}
.caixa3{
	top: 38vw;
}
.caixa4{
	top: 45vw;
}
.caixa5{
	top: 52vw;
}
.caixa6{
	top: 59vw;
}
.caixa7{
	top: 66vw;
}
}
@media (min-width: 1200px) {

body{
	height: 50vw;
}
.icona{
	position: absolute;
	width:40%;
}
#icona{
	position: absolute;
	width:5%;
	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{
	position: absolute;
    display: block;
	top: 13vw;
	width: 20%;
	left: 40%;
	height: 2.5vw;
    font-size: 1.5vw;
	padding: 0vw 0vw 0vw 0vw;
	background-color: white;
    box-shadow: rgba(0, 0, 0, 0.55) 3px 3px 10px;
    text-shadow: 0.1em 0.1em 0.2em #6D6D6D;
	border: #6B6B6B;
	border-style: solid;
	border-radius: 0.5vw;
	border-width: 0.2vw;
	border-color: #EB5A4F;
}
.primer{
	position: absolute;
	top: 0vw;
	width:100%;
	left: 0%;
}
.caixa2{
	top: 17vw;
}
.caixa3{
	top: 21vw;
}
.caixa4{
	top: 25vw;
}
.caixa5{
	top: 29vw;
}
.caixa6{
	top: 33vw;
}
.caixa7{
	top: 37vw;
}
}