<style type="text/css">

@font-face {
font-family: "aimoreserif";
src: url("../fonte//aimoreserif.woff");
font-weight: normal;
}

@font-face {
font-family: "aimoregothic";
src: url("../fonte//aimoregothiclight.woff");
font-weight: normal;
}

@font-face {
font-family: "aimoregothic";
src: url("../fonte//aimoregothic.woff");
font-weight: bold;
}

@font-face {
font-family: "krigg";
src: url("../fonte//krigg.woff");
font-weight: normal;
}

@font-face {
font-family: "krigg";
src: url("../fonte//kriggbold.woff");
font-weight: bold;
}

@font-face {
font-family: "alcalino";
src: url("../fonte//alcalino.woff");
font-weight: normal;
}

@font-face {
font-family: "alcalino";
src: url("../fonte//alcalinobold.woff");
font-weight: bold;
}

@font-face {
font-family: "herrero";
src: url("../fonte//herrero.woff");
font-weight: normal;
}

@font-face {
font-family: "herrero";
src: url("../fonte//herrerobold.woff");
font-weight: bold;
}

p {
line-height: 100%;
}

h1 {
font-family: "aimoregothic";
font-size: 43px;
color: #fffc00;
margin-top: 5px;
margin-bottom: 5px;
line-height: 100%;
text-shadow: 0 2px 2px #111111;
}

.aa {
font-family: "aimoregothic";
font-size: 23px;
text-shadow: 0 0 1px #ffffff;
}

.bb {
font-family: "alcalino";
font-size: 20px;
color: #a20000;
text-shadow: 0 0 1px #a20000;
}

.cc {
font-family: "alcalino";
font-size: 20px;
color: #000000;
text-shadow: 0 0 1px #000000;
}

.dd {
font-family: "aimoregothic";
font-size: 23px;
color: #000000;
text-shadow: 0 0 1px #000000;
}

.ee {
font-family: "alcalino";
line-height: 150%;
font-size: 30px;
color: #294000;
text-shadow: 0 0 1px #294000;
}

.aimore {
display: table;
width: 95%;
background-color: #889a5c;
border-collapse: separate;
border-spacing: 10px;
border-radius: 40px;
box-shadow: 1px 3px 3px #294000;
}

.gular {
display: table-cell;
vertical-align: center;
padding: 10px;
background-color: #a4b585;
border-radius: 30px;
box-shadow: 1px 3px 3px #294000;
}

.krigg {
display: grid;
grid-template-columns: repeat(4, 1fr);
align-items: stretch;
}

.alcalino img {
margin-top: 20px;
max-width: 100%;
border-radius: 8px;
box-shadow: 0px 3px 3px #294000;
}

.alcalino {
text-align: center;
padding: 10px;
margin: 10px;
background-color: #d4e0bf;
border-radius: 15px;
box-shadow: 1px 3px 3px #294000;
}

.herrero {
text-align: left;
padding: 10px;
margin: 10px;
background-color: #d4e0bf;
border-radius: 15px;
box-shadow: 1px 3px 3px #294000;
}

@media screen and (max-width: 700px) {
.krigg {
display: block;
}

</style>