<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: 60px;
color: #d7da00;
margin-top: 5px;
margin-bottom: 5px;
line-height: 100%;
text-shadow: 0 2px 2px #444444;
}

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

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

.cc {
font-family: "alcalino";
font-size: 16px;
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";
font-size: 40px;
color: #000000;
text-shadow: 0 0 1px #000000;
}

.aimore {
display: table;
width: 90%;
background-color: #6c85bd;
border-collapse: separate;
border-spacing: 10px;
border-radius: 40px;
box-shadow: 1px 3px 3px #001f67;
}

.gular {
display: table-cell;
vertical-align: top;
padding: 10px;
background-color: #b0bcd8;
border-radius: 30px;
box-shadow: 1px 3px 3px #001f67;
}

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

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

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

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

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

</style>