@charset "utf-8";
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: 40%;
	left: 30%;
	top:3vw;
    
}
.banderes{
	position: absolute;
	width: 98%;
    left: 1%;
	top: 42vw;
    text-align: center;
}
#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;
}
.botons{    /*controla la posició dels botons*/
	position: relative;
	top: 0vw;
}
.caixa1,.caixa2,.caixa3,.caixa4,.caixa5,.caixa6,.caixa7,.caixa8{
	position: absolute;
    display: block;
	top: 60vw;
	width: 76%;
	left: 11%;
	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: 78vw;
}
.caixa3{
	top: 96vw;
}
.caixa4{
	top: 114vw;
}
.caixa5{
	top: 132vw;
}
.caixa6{
	top: 150vw;
}
.caixa7{
	top: 168vw;
}
.caixa8{
	top: 186vw;
}
.reserves{
    position: relative;
    top: 203vw;
    font-size: 6vw;
    padding-bottom: 10vw;
    color: white;
}
.fbk{
	position: relative;
	width: 30%;
    left: 30%;
	top: 195vw;
	text-align: center;
	background-color: aqua;
}
#fbk{
	position: absolute;
	width:50%;
	left: 0vw;
	top:0vw;
}
.insta{
	position: relative;
	width: 30%;
    left: 50%;
	top: 195vw;
	text-align: center;
	background-color: orange;
}
#insta{
	position: absolute;
	width:50%;
	left: 0vw;
	top:0vw;
}
@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;
}
#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{
	position: absolute;
    display: block;
	top: 36vw;
	width: 40%;
	left: 30%;
	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: 43vw;
}
.caixa3{
	top: 50vw;
}
.caixa4{
	top: 57vw;
}
.caixa5{
	top: 64vw;
}
.caixa6{
	top: 71vw;
}
.caixa7{
	top: 78vw;
}
.caixa8{
	top: 85vw;
}
.reserves{
    position: relative;
    top: 103vw;
    font-size: 3vw;
    padding-bottom: 10vw;
    color: white;
}
.fbk{
	position: relative;
	width: 30%;
    left: 35%;
	top: 76vw;
	text-align: center;
	background-color: aqua;
}
#fbk{
	position: absolute;
	width:40%;
	left: 0vw;
	top:0vw;
}
.insta{
	position: relative;
	width: 30%;
    left: 50%;
	top: 76vw;
	text-align: center;
	background-color: orange;
}
#insta{
	position: absolute;
	width:40%;
	left: 0vw;
	top:0vw;
}
}
@media (min-width: 1200px) {

body{
	height: 50vw;
}
.icona{
	position: absolute;
	width:25%;
}
#icona{
	position: absolute;
	width:10%;
	left: 1vw;
	top:1vw;
}
#logo{
	position: absolute;
	width: 10%;
	left: 45%;
	top:2vw;
}
.banderes{
	position: absolute;
	width: 50%;
    left: 25%;
	top: 12.5vw;
    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: -10vw;
}
.caixa1,.caixa2,.caixa3,.caixa4,.caixa5,.caixa6,.caixa7,.caixa8{
	position: absolute;
    display: block;
	top: 28vw;
	width: 22%;
	left: 39%;
	height: 2.5vw;
    font-size: 1.3vw;
	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.1vw;
	border-color: #EB5A4F;
}
.primer{
	position: absolute;
	top: 0.3vw;
	width:100%;
	left: 0%;
}
.caixa2{
	top: 31.5vw;
}
.caixa3{
	top: 35vw;
}
.caixa4{
	top: 38.5vw;
}
.caixa5{
	top: 42vw;
}
.caixa6{
	top: 45.5vw;
}
.caixa7{
	top: 49vw;
}
.caixa8{
	top: 52.5vw;
}
.reserves{
    position: relative;
	width: 100%;
	text-align: center;
    top: 49.5vw;
	left: 0%;
	font-size: 1.6vw;
    padding-bottom: 10vw;
    color: white;
}
.fbk{
	position: relative;
	width: 10%;
    left: 45%;
	top: 33vw;
	text-align: center;
	background-color: aqua;
}
#fbk{
	position: absolute;
	width:40%;
	left: 0vw;
	top:0vw;
}
.insta{
	position: relative;
	width: 10%;
    left: 51%;
	top: 33vw;
	text-align: center;
	background-color: orange;
}
#insta{
	position: absolute;
	width:40%;
	left: 0vw;
	top:0vw;
}
}