<style type="text/css">

body {
}

body {
background-image: url("north_pole.jpg");
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}

@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;
}

h1 {
font-family: "aimoreserif";
font-size: 65px;
color: #FFFFFF;
margin-top: 5px;
margin-bottom: 5px;
line-height: 90%;
text-shadow: 0 3px 2px #222222;
}

p {
line-height: 110%;
}

.aa {
font-family: "aimoregothic";
font-size: 65px;
color: #FFFFFF;
text-shadow: 0 3px 3px #626262;
}

.bb {
font-family: "aimoreserif";
font-size: 26px;
color: #000000;
text-shadow: 0 0 1px #000000;
}

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

.dd {
font-family: "aimoregothic";
font-size: 32px;
color: #444444;
}

.ee {
font-family: "aimoreserif";
font-size: 26px;
}

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

.krigg img {
max-width: 100%;
}

.krigg {
text-align: center;
padding: 10px;
margin: 10px;
border-radius: 0 0 20px 20px;
box-shadow: 0 4px 4px 1px  #6f6f6f;
}

.krigg:nth-child(1) {
grid-column: span 2;
}

.krigg:nth-child(6) {
grid-column: span 2;
}

.krigg:nth-child(9) {
grid-column: span 2;
}

.krigg:nth-child(10) {
grid-column: span 2;
}

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

</style>