[data-barba="container"] {
    display: contents;
}

@font-face {
    font-family: 'Whyte';
    src: url('font/whyte-reg.ttf') format('truetype');
    font-weight: 350;
    font-style: normal;
}

@font-face {
    font-family: 'Whyte';
    src: url('font/whyte-reg-i.otf') format('truetype');
    font-weight: 350;
    font-style: italic;
}

@font-face {
    font-family: 'Whyte';
    src: url('font/whyte-med.otf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Whyte';
    src: url('font/whyte-med-i.otf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/*
@font-face {
    font-family: 'regular';
    src: url('font/akz-reg.ttf') format('truetype');
}

@font-face {
    font-family: 'italic';
    src: url('font/akz-reg-i.ttf') format('truetype');
}

@font-face {
    font-family: 'medium';
    src: url('font/akz-med.ttf') format('truetype');
}

@font-face {
    font-family: 'medium-italic';
    src: url('font/akz-med-i.ttf') format('truetype');
}

@font-face {
    font-family: 'bold';
    src: url('font/akz-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'bold-italic';
    src: url('font/akz-bold-i.ttf') format('truetype');
}
*/

/*
@font-face {
    font-family: 'regular';
    src: url('font/schibsted-reg.ttf') format('truetype');
}

@font-face {
    font-family: 'italic';
    src: url('font/schibsted-reg-i.ttf') format('truetype');
}

@font-face {
    font-family: 'medium';
    src: url('font/schibsted-med.ttf') format('truetype');
}

@font-face {
    font-family: 'medium-italic';
    src: url('font/schibsted-med-i.ttf') format('truetype');
}

@font-face {
    font-family: 'bold';
    src: url('font/schibsted-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'bold-italic';
    src: url('font/schibsted-bold-i.ttf') format('truetype');
}

@font-face {
    font-family: 'semibold';
    src: url('font/schibsted-semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'semibold-italic';
    src: url('font/schibsted-semibold-i.ttf') format('truetype');
}
*/

html {
    margin: 0;
    padding: 0;
    scrollbar-gutter: stable;
}

body {
    font-family: 'Whyte', sans-serif;
    font-weight: 350;
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 0;
    background-color: #ffffff;
    line-height: 125%;
}

.container {
    display: grid;
    grid-template-rows: 15px auto;
    grid-template-columns: 240px repeat(12, 1fr);
    margin: 6px 10px;
    grid-gap: 10px;
    justify-items: start;
    overflow: hidden;
}

.item-1 {
    grid-row: 1;
    grid-column: 1 / 1;
    font-weight: 700;
    text-decoration: none;
    width: 100%;
    background-color: white;
    position: fixed;
    align-items: center;
    font-size: 16px;
    z-index: 1;
    padding-bottom: 6px;
    padding-top: 6px;
    margin-top: -6px;
    /*letter-spacing: .008rem;*/
}

/* About */
.item-2 {
    position: fixed;
    font-weight: 700;
    left: calc(240px + 20px);
    z-index: 1;
    padding-bottom: 4px;
    padding-top: 6px;
    margin-top: -6px;
    /*letter-spacing: .008rem;*/
}

/* Work */
.item-3 {
    position: fixed;
    left: calc(248px + (100% - 240px) * 8 / 12);
    font-weight: 700;
    z-index: 1;
    padding-bottom: 4px;
    padding-top: 6px;
    margin-top: -6px;
    /*letter-spacing: .008rem;*/
}

.item-4 {
    grid-row: 2;
    grid-column: 1 / 1;
    font-weight: 700;
    font-size: 16px;
    padding: 0;
    margin: 25px 0 0 0;
    position: fixed;
}

.item-4 ul {
    font-weight: 350;
    list-style-type: none;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

/* Texto About */
.item-5 {
    grid-row: 2;
    grid-column: 2 / 10;
    font-weight: 700;
    font-size: 16px;
    padding: 0;
    margin: 0;
    align-self: start;
}

.item-5 p,
.item-6 p {
    font-weight: 350;
    font-size: 16px;
    margin: 0;
}

/* Texto Work */
.item-6 {
    grid-row: 2;
    grid-column: 10 / 14;
    font-weight: 700;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.item-7 {
    position: fixed;
    bottom: 6px;
    left: 10px;
    font-weight: 700;
    font-size: 16px;
    z-index: 1;
}

.item-7 ul {
    font-weight: 350;
    display: inline-flex;
    list-style-type: none;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.item-7 ul li {
    margin-right: 10px;
}

.filter-btn.active {
    background-color: black;
    color: white;
}

.item-7 .button.active {
    background-color: black;
    color: white;
}

.gallery_img {
    width: 100%;
    object-fit: cover;
}

.gallery_slide {
    width: auto;
    object-fit: cover;
}

.gallery_video {
    width: 100%;
    object-fit: cover;
    clip-path: inset(1px 1px);
}

.button {
    text-decoration: none;
    color: black;
}

.button:hover {
    cursor: default;
    background-color: black;
    color: #ffffff;
}

#activePage {
    background-color: black;
    color: #ffffff;
}

::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    background: white;
}

::-webkit-scrollbar-thumb {
    background: black;
}

::-webkit-scrollbar-thumb:hover {
    background: black;
}

.fadeInTop {
    -webkit-animation: fadeInTop 0.8s both;
    -moz-animation: fadeInTop 0.8s both;
    -o-animation: fadeInTop 0.8s both;
    animation: fadeInTop 0.8s both;
}

@-webkit-keyframes fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1em);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInTop {
    0% {
        opacity: 0;
        -moz-transform: translateY(1em);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInTop {
    0% {
        opacity: 0;
        -o-transform: translateY(1em);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(1em);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideAnimationLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-241.94%);
    }
}

@keyframes slideAnimationLeft1 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-216.2%);
    }
}

@keyframes slideAnimationLeft2 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-243.8%);
    }
}

@keyframes slideAnimationLeft3 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-248.7%);
    }
}

@keyframes slideAnimationRight {
    0% {
        transform: translateX(-241.94%);
    }

    100% {
        transform: translateX(0);
    }
}


.animate {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.animate.fadeInTop {
    opacity: 1;
}

.gallery_slide-container {
    width: 100%;
    overflow: hidden;
}

.gallery_slide-wrapper1 {
    width: 200%;
    display: flex;
    animation: slideAnimationLeft 90s linear infinite;
}

.gallery_slide-wrapper2 {
    width: 200%;
    display: flex;
    animation: slideAnimationRight 90s linear infinite;
}

.gallery_slide-wrapper3 {
    width: 200%;
    display: flex;
    animation: slideAnimationLeft1 30s linear infinite;
}

.gallery_slide-wrapper4 {
    width: 200%;
    display: flex;
    animation: slideAnimationLeft2 38s linear infinite;
}

.gallery_slide-wrapper5 {
    width: 200%;
    display: flex;
    animation: slideAnimationLeft3 38s linear infinite;
}

#hover-video {
    margin-left: -5px;
    clip-path: inset(1px 1px 5px 2px);
}

.placeholder {
    background-color: white;
    position: relative;
}


.placeholder.loaded>img,
.placeholder.loaded>video {
    opacity: 1;
}

.placeholder>img,
.placeholder>video {
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

.lazy-load {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.added-content {
    margin-top: 0;
    line-height: 0;
}

.am1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0;
}

.am2 {
    grid-row: 4;
    grid-column: 2/14;
    line-height: 0;
}

.am3 {
    grid-row: 5;
    grid-column: 2/14;
    line-height: 0;
}

.am4 {
    grid-row: 6;
    grid-column: 2/8;
    line-height: 0;
}

.am5 {
    grid-row: 6;
    grid-column: 8/14;
    line-height: 0;
}

.am6 {
    grid-row: 7;
    grid-column: 2/14;
}

.altabaixa1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa2 {
    grid-row: 4;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa3 {
    grid-row: 5;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa4 {
    grid-row: 6;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa5 {
    grid-row: 7;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa6 {
    grid-row: 8;
    grid-column: 2/8;
    line-height: 0
}

.altabaixa7 {
    grid-row: 8;
    grid-column: 8/14;
    line-height: 0
}

.altabaixa8 {
    grid-row: 9;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa9 {
    grid-row: 10;
    grid-column: 2/8;
    line-height: 0
}

.altabaixa10 {
    grid-row: 10;
    grid-column: 8/14;
    line-height: 0
}

.altabaixa11 {
    grid-row: 11;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa12 {
    grid-row: 12;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa13 {
    grid-row: 13;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa14 {
    grid-row: 14;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa15 {
    grid-row: 15;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa16 {
    grid-row: 16;
    grid-column: 2/8;
    line-height: 0
}

.altabaixa17 {
    grid-row: 16;
    grid-column: 8/14;
    line-height: 0
}

.altabaixa18 {
    grid-row: 17;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa19 {
    grid-row: 18;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa20 {
    grid-row: 19;
    grid-column: 2/8;
    line-height: 0
}

.altabaixa21 {
    grid-row: 19;
    grid-column: 8/14;
    line-height: 0
}

.altabaixa22 {
    grid-row: 20;
    grid-column: 2/8;
    line-height: 0
}

.altabaixa23 {
    grid-row: 20;
    grid-column: 8/14;
    line-height: 0
}

.altabaixa24 {
    grid-row: 21;
    grid-column: 2/8;
    line-height: 0
}

.altabaixa25 {
    grid-row: 21;
    grid-column: 8/14;
    line-height: 0
}

.altabaixa26 {
    grid-row: 22;
    grid-column: 2/8;
    line-height: 0
}

.altabaixa27 {
    grid-row: 22;
    grid-column: 8/14;
    line-height: 0
}

.altabaixa28 {
    grid-row: 23;
    grid-column: 2/8;
    line-height: 0
}

.altabaixa29 {
    grid-row: 23;
    grid-column: 8/14;
    line-height: 0
}

.altabaixa30 {
    grid-row: 24;
    grid-column: 2/6;
    line-height: 0
}

.altabaixa31 {
    grid-row: 24;
    grid-column: 6/10;
    line-height: 0
}

.altabaixa32 {
    grid-row: 24;
    grid-column: 10/14;
    line-height: 0
}

.altabaixa33 {
    grid-row: 25;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa34 {
    grid-row: 26;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa35 {
    grid-row: 27;
    grid-column: 2/14;
    line-height: 0
}

.altabaixa36 {
    grid-row: 28;
    grid-column: 2/10;
}

.cearqtd1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0;
}

.cearqtd2 {
    grid-row: 4;
    grid-column: 2/8;
    line-height: 0;
}

.cearqtd3 {
    grid-row: 4;
    grid-column: 8/14;
    line-height: 0;
}

.cearqtd4 {
    grid-row: 5;
    grid-column: 2/14;
    line-height: 0;
}

.cearqtd5 {
    grid-row: 6;
    grid-column: 2/14;
}


.crimes1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0
}

.crimes2 {
    grid-row: 4;
    grid-column: 2/14;
    line-height: 0
}

.crimes3 {
    grid-row: 5;
    grid-column: 2/8;
    line-height: 0
}

.crimes4 {
    grid-row: 5;
    grid-column: 8/14;
    line-height: 0
}

.crimes5 {
    grid-row: 6;
    grid-column: 2/14;
    line-height: 0
}

.crimes6 {
    grid-row: 7;
    grid-column: 2/8;
    line-height: 0
}

.crimes7 {
    grid-row: 7;
    grid-column: 8/14;
    line-height: 0
}

.crimes8 {
    grid-row: 8;
    grid-column: 2/8;
    line-height: 0
}

.crimes9 {
    grid-row: 8;
    grid-column: 8/14;
    line-height: 0
}

.crimes10 {
    grid-row: 9;
    grid-column: 2/14;
    line-height: 0
}

.crimes11 {
    grid-row: 10;
    grid-column: 2/14;
    line-height: 0;
}

.crimes12 {
    grid-row: 11;
    grid-column: 2/8;
    line-height: 0
}

.crimes13 {
    grid-row: 11;
    grid-column: 8/14;
    line-height: 0;
}

.crimes14 {
    grid-row: 12;
    grid-column: 2/14;
    line-height: 0;
    width: 100%;
}

.crimes15 {
    grid-row: 13;
    grid-column: 2/10;
}

.data1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0;
}

.data2 {
    grid-row: 4;
    grid-column: 2/14;
    line-height: 0;
}

.data3 {
    grid-row: 5;
    grid-column: 2/14;
    line-height: 0;
}

.data4 {
    grid-row: 6;
    grid-column: 2/14;
    line-height: 0;
}

.data5 {
    grid-row: 7;
    grid-column: 2/8;
    line-height: 0;
}

.data6 {
    grid-row: 7;
    grid-column: 8/14;
    line-height: 0;
}

.data7 {
    grid-row: 8;
    grid-column: 2/14;
    line-height: 0;
}

.data8 {
    grid-row: 9;
    grid-column: 2/10;
}

.disrupted1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0;
}

.disrupted2 {
    grid-row: 4;
    grid-column: 2/14;
    line-height: 0;
}

.disrupted3 {
    grid-row: 5;
    grid-column: 2/14;
    line-height: 0;
}

.disrupted4 {
    grid-row: 6;
    grid-column: 2/8;
    line-height: 0;
}

.disrupted5 {
    grid-row: 6;
    grid-column: 8/14;
    line-height: 0;
}

.disrupted6 {
    grid-row: 7;
    grid-column: 2/8;
    line-height: 0;
}

.disrupted7 {
    grid-row: 7;
    grid-column: 8/14;
    line-height: 0;
}

.disrupted8 {
    grid-row: 8;
    grid-column: 2/14;
    line-height: 0;
}

.disrupted9 {
    grid-row: 9;
    grid-column: 2/14;
    line-height: 0;
}

.disrupted10 {
    grid-row: 10;
    grid-column: 2/8;
    line-height: 0;
}

.disrupted11 {
    grid-row: 10;
    grid-column: 8/14;
    line-height: 0;
}

.disrupted12 {
    grid-row: 11;
    grid-column: 2/10;
    line-height: 0;
}

.disrupted13 {
    grid-row: 11;
    grid-column: 10/14;
    line-height: 0;
    width: 100%;
}

.disrupted14 {
    grid-row: 12;
    grid-column: 2/14;
    line-height: 0;
}

.disrupted15 {
    grid-row: 13;
    grid-column: 2/8;
    line-height: 0;
}

.disrupted16 {
    grid-row: 13;
    grid-column: 8/14;
    line-height: 0;
}

.disrupted17 {
    grid-row: 14;
    grid-column: 2/10;
}

.evit1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0;
}

.evit2 {
    grid-row: 4;
    grid-column: 2/10;
    line-height: 0;
}

.evit3 {
    grid-row: 4;
    grid-column: 10/14;
    line-height: 0;
}

.evit4 {
    grid-row: 5;
    grid-column: 2/14;
    line-height: 0;
}

.evit5 {
    grid-row: 6;
    grid-column: 2/8;
    line-height: 0;
}

.evit6 {
    grid-row: 6;
    grid-column: 8/14;
    line-height: 0;
}

.evit7 {
    grid-row: 7;
    grid-column: 2/14;
    line-height: 0;
    width: 100%;
}

.evit8 {
    grid-row: 8;
    grid-column: 2/8;
    line-height: 0;
}

.evit9 {
    grid-row: 8;
    grid-column: 8/14;
    line-height: 0;
}

.evit10 {
    grid-row: 9;
    grid-column: 2/10;
}

.evora1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0
}

.evora2 {
    grid-row: 4;
    grid-column: 2/14;
    line-height: 0
}

.evora3 {
    grid-row: 5;
    grid-column: 2/14;
}

.evora4 {
    grid-row: 6;
    grid-column: 2/10;
}

.hab1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0
}

.hab2 {
    grid-row: 4;
    grid-column: 2/14;
    line-height: 0
}

.hab3 {
    grid-row: 5;
    grid-column: 2/14;
    line-height: 0
}

.hab4 {
    grid-row: 6;
    grid-column: 2/8;
    line-height: 0
}

.hab5 {
    grid-row: 6;
    grid-column: 8/14;
    line-height: 0
}

.hab6 {
    grid-row: 7;
    grid-column: 2/14;
    line-height: 0
}

.hab7 {
    grid-row: 8;
    grid-column: 2/8;
    line-height: 0
}

.hab8 {
    grid-row: 8;
    grid-column: 8/14;
    line-height: 0
}

.hab9 {
    grid-row: 9;
    grid-column: 2/14;
    line-height: 0
}

.hab10 {
    grid-row: 10;
    grid-column: 2/14;
    line-height: 0
}

.hab11 {
    grid-row: 11;
    grid-column: 2/14;
    line-height: 0
}

.hab99 {
    grid-row: 12;
    grid-column: 2/10;
}

.land1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0;
}

.land2 {
    grid-row: 4;
    grid-column: 2/14;
    line-height: 0;
}

.land3 {
    grid-row: 5;
    grid-column: 2/14;
    line-height: 0;
}

.land4 {
    grid-row: 6;
    grid-column: 2/8;
    line-height: 0;
}

.land5 {
    grid-row: 6;
    grid-column: 8/14;
    line-height: 0;
}

.land6 {
    grid-row: 7;
    grid-column: 2/14;
    line-height: 0;
}

.land7 {
    grid-row: 8;
    grid-column: 2/14;
    line-height: 0;
}

.land8 {
    grid-row: 9;
    grid-column: 2/14;
    line-height: 0;
}

.land9 {
    grid-row: 10;
    grid-column: 2/10;
}

.mgf1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0;
}

.mgf2 {
    grid-row: 4;
    grid-column: 2/8;
    line-height: 0;
}

.mgf3 {
    grid-row: 4;
    grid-column: 8/14;
    line-height: 0;
}

.mgf4 {
    grid-row: 5;
    grid-column: 2/14;
    line-height: 0;
    margin-top: 15px;
}

.mgf5 {
    grid-row: 6;
    grid-column: 2/10;
}

.mit1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0;
}

.mit2 {
    grid-row: 4;
    grid-column: 2/14;
    line-height: 0;
}

.mit3 {
    grid-row: 5;
    grid-column: 2/8;
    line-height: 0;
}

.mit4 {
    grid-row: 5;
    grid-column: 8/14;
    line-height: 0;
}

.mit5 {
    grid-row: 6;
    grid-column: 2/14;
    line-height: 0;
}

.mit6 {
    grid-row: 7;
    grid-column: 2/14;
    line-height: 0;
}

.mit7 {
    grid-row: 8;
    grid-column: 2/8;
    line-height: 0;
}

.mit8 {
    grid-row: 8;
    grid-column: 8/14;
    line-height: 0;
}

.mit9 {
    grid-row: 9;
    grid-column: 2/14;
    line-height: 0;
}

.mit10 {
    grid-row: 10;
    grid-column: 2/10;
}

.paisagens1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0;
}

.paisagens2 {
    grid-row: 4;
    grid-column: 2/14;
    line-height: 0;
}

.paisagens3 {
    grid-row: 5;
    grid-column: 2/14;
    line-height: 0;
}

.paisagens4 {
    grid-row: 6;
    grid-column: 2/14;
    line-height: 0;
}

.paisagens5 {
    grid-row: 7;
    grid-column: 2/8;
    line-height: 0;
}

.paisagens6 {
    grid-row: 7;
    grid-column: 8/14;
    line-height: 0;
}

.paisagens7 {
    grid-row: 8;
    grid-column: 2/8;
    line-height: 0;
}

.paisagens8 {
    grid-row: 8;
    grid-column: 8/14;
    line-height: 0;
}

.paisagens9 {
    grid-row: 9;
    grid-column: 2/14;
    line-height: 0;
}

.paisagens10 {
    grid-row: 10;
    grid-column: 2/6;
    line-height: 0;
}

.paisagens11 {
    grid-row: 10;
    grid-column: 6/10;
    line-height: 0;
}

.paisagens12 {
    grid-row: 10;
    grid-column: 10/14;
    line-height: 0;
}

.paisagens13 {
    grid-row: 11;
    grid-column: 2/8;
    line-height: 0;
}

.paisagens14 {
    grid-row: 11;
    grid-column: 8/14;
    line-height: 0;
}

.paisagens15 {
    grid-row: 12;
    grid-column: 2/8;
    line-height: 0;
}

.paisagens16 {
    grid-row: 12;
    grid-column: 8/14;
    line-height: 0;
}

.paisagens17 {
    grid-row: 13;
    grid-column: 2/14;
    line-height: 0;
}

.paisagens18 {
    grid-row: 14;
    grid-column: 2/8;
    line-height: 0;
}

.paisagens19 {
    grid-row: 14;
    grid-column: 8/14;
    line-height: 0;
}

.paisagens20 {
    grid-row: 15;
    grid-column: 2/14;
    line-height: 0;
}

.paisagens21 {
    grid-row: 16;
    grid-column: 2/14;
    line-height: 0;
}

.paisagens22 {
    grid-row: 17;
    grid-column: 2/14;
    line-height: 0;
}

.paisagens23 {
    grid-row: 18;
    grid-column: 2/10;
}

.pt1 {
    grid-row: 3;
    grid-column: 2/14;
}

.pt2 {
    grid-row: 4;
    grid-column: 2/14;
}

.pt3 {
    grid-row: 5;
    grid-column: 2/8;
}

.pt4 {
    grid-row: 5;
    grid-column: 8/14;
}

.pt5 {
    grid-row: 6;
    grid-column: 2/10;
}

.si1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0;
}

.si2 {
    grid-row: 4;
    grid-column: 2/14;
    line-height: 0;
}

.si3 {
    grid-row: 5;
    grid-column: 2/14;
    line-height: 0;
}

.si4 {
    grid-row: 6;
    grid-column: 2/14;
    line-height: 0;
}

.si5 {
    grid-row: 7;
    grid-column: 2/8;
    line-height: 0;
}

.si6 {
    grid-row: 7;
    grid-column: 8/14;
    line-height: 0;
}

.si7 {
    grid-row: 8;
    grid-column: 2/14;
    line-height: 0;
}

.si8 {
    grid-row: 9;
    grid-column: 2/8;
    line-height: 0;
}

.si9 {
    grid-row: 9;
    grid-column: 8/14;
    line-height: 0;
}

.si10 {
    grid-row: 10;
    grid-column: 2/10;
}

.ssd1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0;
}

.ssd2 {
    grid-row: 4;
    grid-column: 2/14;
    line-height: 0;
}

.ssd3 {
    grid-row: 5;
    grid-column: 2/10;
    line-height: 0;
}

.ssd4 {
    grid-row: 5;
    grid-column: 10/14;
    line-height: 0;
}

.ssd5 {
    grid-row: 6;
    grid-column: 2/14;
    line-height: 0;
}

.ssd6 {
    grid-row: 7;
    grid-column: 2/10;
}

.spare1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0;
}

.spare2 {
    grid-row: 4;
    grid-column: 2/8;
    line-height: 0;
}

.spare3 {
    grid-row: 4;
    grid-column: 8/14;
    line-height: 0;
}

.spare4 {
    grid-row: 5;
    grid-column: 2/14;
    line-height: 0;
}

.spare5 {
    grid-row: 6;
    grid-column: 2/8;
    line-height: 0;
}

.spare6 {
    grid-row: 6;
    grid-column: 8/14;
    line-height: 0;
}

.spare7 {
    grid-row: 7;
    grid-column: 2/8;
    line-height: 0;
}

.spare8 {
    grid-row: 7;
    grid-column: 8/14;
    line-height: 0;
}

.spare9 {
    grid-row: 8;
    grid-column: 2/10;
}

.tresa1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0;
}

.tresa2 {
    grid-row: 4;
    grid-column: 2/8;
    line-height: 0;
}

.tresa3 {
    grid-row: 4;
    grid-column: 8/14;
    line-height: 0;
}

.tresa4 {
    grid-row: 5;
    grid-column: 2/14;
    line-height: 0;
}

.tresa5 {
    grid-row: 6;
    grid-column: 2/14;
    line-height: 0;
}

.tresa6 {
    grid-row: 7;
    grid-column: 2/14;
    line-height: 0;
}

.tresa7 {
    grid-row: 8;
    grid-column: 2/10;
}

.typoquake1 {
    grid-row: 3;
    grid-column: 2/14;
    line-height: 0;
}

.typoquake2 {
    grid-row: 4;
    grid-column: 2/8;
    line-height: 0;
}

.typoquake3 {
    grid-row: 4;
    grid-column: 8/14;
    line-height: 0;
}

.typoquake4 {
    grid-row: 5;
    grid-column: 2/14;
    line-height: 0;
}

.typoquake5 {
    grid-row: 6;
    grid-column: 2/6;
    line-height: 0;
}

.typoquake6 {
    grid-row: 6;
    grid-column: 6/10;
    line-height: 0;
}

.typoquake7 {
    grid-row: 6;
    grid-column: 10/14;
    line-height: 0;
}

.typoquake8 {
    grid-row: 7;
    grid-column: 2/14;
    line-height: 0;
}

.typoquake9 {
    grid-row: 8;
    grid-column: 2/10;
}

@media (max-width: 800px) {
    html {}

    .container {
        grid-template-columns: 1fr;
    }

    .item-1 {}

    .item-2 {
        right: 65px;
        left: auto;
        margin-left: 0;
    }

    .item-3 {
        right: 10px;
        left: auto;
        margin-left: 0;
    }

    .item-5 {
        grid-row: 2;
        grid-column: 1/14;
    }

    .am1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .am2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .am3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .am4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .am5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .am6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .altabaixa1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .altabaixa2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .altabaixa3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .altabaixa4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .altabaixa5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .altabaixa6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .altabaixa7 {
        grid-row: 9;
        grid-column: 1/14;
    }

    .altabaixa8 {
        grid-row: 10;
        grid-column: 1/14;
    }

    .altabaixa9 {
        grid-row: 11;
        grid-column: 1/14;
    }

    .altabaixa10 {
        grid-row: 12;
        grid-column: 1/14;
    }

    .altabaixa11 {
        grid-row: 13;
        grid-column: 1/14;
    }

    .altabaixa12 {
        grid-row: 14;
        grid-column: 1/14;
    }

    .altabaixa13 {
        grid-row: 15;
        grid-column: 1/14;
    }

    .altabaixa14 {
        grid-row: 16;
        grid-column: 1/14;
    }

    .altabaixa15 {
        grid-row: 16;
        grid-column: 1/14;
    }

    .altabaixa16 {
        grid-row: 17;
        grid-column: 1/14;
    }

    .altabaixa17 {
        grid-row: 18;
        grid-column: 1/14;
    }

    .altabaixa18 {
        grid-row: 19;
        grid-column: 1/14;
    }

    .altabaixa19 {
        grid-row: 20;
        grid-column: 1/14;
    }

    .altabaixa20 {
        grid-row: 21;
        grid-column: 1/14;
    }

    .altabaixa21 {
        grid-row: 22;
        grid-column: 1/14;
    }

    .altabaixa22 {
        grid-row: 23;
        grid-column: 1/14;
    }

    .altabaixa23 {
        grid-row: 24;
        grid-column: 1/14;
    }

    .altabaixa24 {
        grid-row: 25;
        grid-column: 1/14;
    }

    .altabaixa25 {
        grid-row: 26;
        grid-column: 1/14;
    }

    .altabaixa26 {
        grid-row: 27;
        grid-column: 1/14;
    }

    .altabaixa27 {
        grid-row: 28;
        grid-column: 1/14;
    }

    .altabaixa28 {
        grid-row: 29;
        grid-column: 1/14;
    }

    .altabaixa29 {
        grid-row: 30;
        grid-column: 1/14;
    }

    .altabaixa30 {
        grid-row: 31;
        grid-column: 1/14;
    }

    .altabaixa31 {
        grid-row: 32;
        grid-column: 1/14;
    }

    .altabaixa32 {
        grid-row: 33;
        grid-column: 1/14;
    }

    .altabaixa33 {
        grid-row: 34;
        grid-column: 1/14;
    }

    .altabaixa34 {
        grid-row: 35;
        grid-column: 1/14;
    }

    .altabaixa35 {
        grid-row: 36;
        grid-column: 1/14;
    }

    .altabaixa36 {
        grid-row: 37;
        grid-column: 1/14;
    }

    .cearqtd1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .cearqtd2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .cearqtd3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .cearqtd4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .cearqtd5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .crimes1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .crimes2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .crimes3 {
        grid-row: 5;
        grid-column: 1/14;
        line-height: 0
    }

    .crimes4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .crimes5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .crimes6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .crimes7 {
        grid-row: 9;
        grid-column: 1/14;
    }

    .crimes8 {
        grid-row: 10;
        grid-column: 1/14;
    }

    .crimes9 {
        grid-row: 11;
        grid-column: 1/14;
    }

    .crimes10 {
        grid-row: 12;
        grid-column: 1/14;
    }

    .crimes11 {
        grid-row: 13;
        grid-column: 1/14;
    }

    .crimes12 {
        grid-row: 14;
        grid-column: 1/14;
    }

    .crimes13 {
        grid-row: 15;
        grid-column: 1/14;
    }

    .crimes14 {
        grid-row: 16;
        grid-column: 1/14;
        width: 100%;
    }

    .crimes15 {
        grid-row: 17;
        grid-column: 1/14;
    }

    .data1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .data2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .data3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .data4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .data5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .data6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .data7 {
        grid-row: 9;
        grid-column: 1/14;
    }

    .data8 {
        grid-row: 10;
        grid-column: 1/14;
    }

    .disrupted1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .disrupted2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .disrupted3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .disrupted4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .disrupted5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .disrupted6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .disrupted7 {
        grid-row: 9;
        grid-column: 1/14;
    }

    .disrupted8 {
        grid-row: 10;
        grid-column: 1/14;
    }

    .disrupted9 {
        grid-row: 11;
        grid-column: 1/14;
    }

    .disrupted10 {
        grid-row: 12;
        grid-column: 1/14;
    }

    .disrupted11 {
        grid-row: 13;
        grid-column: 1/14;
    }

    .disrupted12 {
        grid-row: 14;
        grid-column: 1/14;
    }

    .disrupted13 {
        grid-row: 15;
        grid-column: 1/14;
    }

    .disrupted14 {
        grid-row: 16;
        grid-column: 1/14;
    }

    .disrupted15 {
        grid-row: 17;
        grid-column: 1/14;
    }

    .disrupted16 {
        grid-row: 18;
        grid-column: 1/14;
    }

    .disrupted17 {
        grid-row: 19;
        grid-column: 1/14;
    }

    .evit1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .evit2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .evit3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .evit4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .evit5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .evit6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .evit7 {
        grid-row: 9;
        grid-column: 1/14;
    }

    .evit8 {
        grid-row: 10;
        grid-column: 1/14;
    }

    .evit9 {
        grid-row: 11;
        grid-column: 1/14;
    }

    .evit10 {
        grid-row: 12;
        grid-column: 1/14;
    }

    .evora1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .evora2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .evora3 {
        grid-row: 5;
        grid-column: 1/14;
    }

      .evora4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .hab1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .hab2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .hab3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .hab4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .hab5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .hab6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .hab7 {
        grid-row: 9;
        grid-column: 1/14;
    }

    .hab8 {
        grid-row: 10;
        grid-column: 1/14;
    }

    .hab9 {
        grid-row: 11;
        grid-column: 1/14;
    }

    .hab10 {
        grid-row: 12;
        grid-column: 1/14;
    }

    .hab11 {
        grid-row: 13;
        grid-column: 1/14;
    }

    .hab99 {
        grid-row: 14;
        grid-column: 1/10;
    }

    .land1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .land2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .land3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .land4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .land5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .land6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .land7 {
        grid-row: 9;
        grid-column: 1/14;
    }

    .land8 {
        grid-row: 10;
        grid-column: 1/14;
    }

    .land9 {
        grid-row: 11;
        grid-column: 1/14;
    }

    .mgf1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .mgf2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .mgf3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .mgf4 {
        grid-row: 6;
        grid-column: 1/14;
        margin-bottom: 0;
    }

    .mgf5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .mit1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .mit2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .mit3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .mit4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .mit5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .mit6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .mit7 {
        grid-row: 9;
        grid-column: 1/14;
    }

    .mit8 {
        grid-row: 10;
        grid-column: 1/14;
    }

    .mit9 {
        grid-row: 11;
        grid-column: 1/14;
    }

     .mit10 {
        grid-row: 12;
        grid-column: 1/14;
    }

    .paisagens1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .paisagens2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .paisagens3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .paisagens4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .paisagens5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .paisagens6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .paisagens7 {
        grid-row: 9;
        grid-column: 1/14;
    }

    .paisagens8 {
        grid-row: 10;
        grid-column: 1/14;
    }

    .paisagens9 {
        grid-row: 11;
        grid-column: 1/14;
    }

    .paisagens10 {
        grid-row: 12;
        grid-column: 1/14;
    }

    .paisagens11 {
        grid-row: 13;
        grid-column: 1/14;
    }

    .paisagens12 {
        grid-row: 14;
        grid-column: 1/14;
    }

    .paisagens13 {
        grid-row: 15;
        grid-column: 1/14;
    }

    .paisagens14 {
        grid-row: 16;
        grid-column: 1/14;
    }

    .paisagens15 {
        grid-row: 17;
        grid-column: 1/14;
    }

    .paisagens16 {
        grid-row: 18;
        grid-column: 1/14;
    }

    .paisagens17 {
        grid-row: 19;
        grid-column: 1/14;
    }

    .paisagens18 {
        grid-row: 20;
        grid-column: 1/14;
    }

    .paisagens19 {
        grid-row: 21;
        grid-column: 1/14;
    }

    .paisagens20 {
        grid-row: 22;
        grid-column: 1/14;
    }

    .paisagens21 {
        grid-row: 23;
        grid-column: 1/14;
    }

    .paisagens22 {
        grid-row: 24;
        grid-column: 1/14;
    }

    .paisagens23 {
        grid-row: 25;
        grid-column: 1/14;
    }

    .pt1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .pt2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .pt3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .pt4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .pt5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .si1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .si2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .si3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .si4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .si5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .si6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .si7 {
        grid-row: 9;
        grid-column: 1/14;
    }

    .si8 {
        grid-row: 10;
        grid-column: 1/14;
    }

    .si9 {
        grid-row: 11;
        grid-column: 1/14;
    }

    .si10 {
        grid-row: 12;
        grid-column: 1/14;
    }

    .ssd1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .ssd2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .ssd3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .ssd4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .ssd5 {
        grid-row: 7;
        grid-column: 1/14;

    }

    .ssd6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .spare1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .spare2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .spare3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .spare4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .spare5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .spare6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .spare7 {
        grid-row: 9;
        grid-column: 1/14;
    }

    .spare8 {
        grid-row: 10;
        grid-column: 1/14;
    }

    .spare9 {
        grid-row: 11;
        grid-column: 1/14;
    }

    .tresa1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .tresa2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .tresa3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .tresa4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .tresa5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .tresa6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .tresa7 {
        grid-row: 9;
        grid-column: 1/14;
    }

    .typoquake1 {
        grid-row: 3;
        grid-column: 1/14;
    }

    .typoquake2 {
        grid-row: 4;
        grid-column: 1/14;
    }

    .typoquake3 {
        grid-row: 5;
        grid-column: 1/14;
    }

    .typoquake4 {
        grid-row: 6;
        grid-column: 1/14;
    }

    .typoquake5 {
        grid-row: 7;
        grid-column: 1/14;
    }

    .typoquake6 {
        grid-row: 8;
        grid-column: 1/14;
    }

    .typoquake7 {
        grid-row: 9;
        grid-column: 1/14;
    }

    .typoquake8 {
        grid-row: 10;
        grid-column: 1/14;
    }

    .typoquake9 {
        grid-row: 11;
        grid-column: 1/14;
    }

    @keyframes slideAnimationLeft {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-483.88%);
        }
    }

    @keyframes slideAnimationLeft1 {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-432.4%);
        }
    }

    @keyframes slideAnimationLeft2 {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-487.6%);
        }
    }

    @keyframes slideAnimationLeft3 {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-497.4%);
        }
    }

    @keyframes slideAnimationRight {
        0% {
            transform: translateX(-483.88%);
        }

        100% {
            transform: translateX(0);
        }
    }
}