﻿body {
    font-family: 'Century Gothic';
}
.main {
    width: 1100px;
    margin: auto;
}
.grid {
    display: grid;
    grid-template-columns: repeat(8, [col] 1fr);
    grid-template-rows: repeat(0, [row] auto);
    grid-column-gap: 1em;
    grid-row-gap: 15px;
}

.grid__item {
    padding: 1em;
    font-size: 14px;
}
.grid_text {
    background: #eee;
}

.grid_header {
    grid-column: col / span 8;
    grid-row: row;
    background-color: #515100;
    color: white;
    text-align: center;
    font-size: 18px;
}
.grid_links {
    background-color: blue;
    color: white;
    text-decoration: none;
    vertical-align: middle;
}
.grid_links1 {
    grid-column: col / span 2;
    grid-row: row 2;
}
.grid_links2 {
    grid-column: col / span 2;
    grid-row: row 3;
}
.grid_links3 {
    grid-column: col / span 2;
    grid-row: row 4;
}
.grid_links4 {
    grid-column: col / span 2;
    grid-row: row 5;
}
.grid_links5 {
    grid-column: col / span 2;
    grid-row: row 6;
}
.grid_links6 {
    grid-column: col / span 2;
    grid-row: row 7;
}
.grid_links7 {
    grid-column: col / span 2;
    grid-row: row 8;
}
.grid_watermerk {
    grid-column: col 3 / span 3;
    grid-row: row 2 / span 7;
    padding: 0;
}
.grid_logo_right {
    grid-column: col 6 / span 3;
    grid-row: row 2 / span 7;
    padding: 0;
}
.grid_logo_right img {
    width: 100%;
}
.grid_footer {
    grid-column: col / span 8;
    grid-row: row 9;
    background-color: #515100;
    color: white;
    text-align: center;
    font-size: 18px;
}
.grid_logo_up_1 {
    grid-column: col / span 2;
    grid-row: row 2;
    padding: 0px;
}
.grid_logo_up_1 img {
    height: 100%;
    width: 100%;
}
.grid_logo_up_2 {
    grid-column: col 3 / span 2;
    grid-row: row 2;
    padding: 0px;
}
.grid_logo_up_3 {
    grid-column: col 5 / span 2;
    grid-row: row 2;
    padding: 0px;
}
.grid_logo_up_4 {
    grid-column: col 7 / span 2;
    grid-row: row 2;
    padding: 0px;
}
.grid_logo_up_1 img {
    height: 100%;
    width: 100%;
}
.grid_logo_up_2 img {
    height: 100%;
    width: 100%;
}
.grid_logo_up_2_3 {
    grid-column: col 3 / span 4;
    grid-row: row 2;
    padding: 0px;
}
.grid_logo_up_2_3 img {
    height: 100%;
    width: 100%;
}
.grid_logo_up_3 img {
    height: 100%;
    width: 100%;
}
.grid_logo_up_4 img {
    height: 100%;
    width: 100%;
}




.grid__item_item1 {
    grid-column: col / span 4;
    grid-row: row;
}

.grid__item_item2 {
    grid-column: col 5 / span 4;
    grid-row: row;
}

.grid__item_item3 {
    grid-column: col 9 / span 4;
    grid-row: row;
}

.grid__item_item4 {
    grid-column: col / span 8;
    grid-row: row 2;
}

.grid__item_item5 {
    grid-column: col 9 / span 4;
    grid-row: row 2;
}

.grid__item_item6 {
    grid-column: col / span 3;
    grid-row: row 3;
}

.grid__item_item7 {
    grid-column: col 4 / span 3;
    grid-row: row 3;
}

.grid__item_item8 {
    grid-column: col 7 / span 3;
    grid-row: row 3;
}

.grid__item_item9 {
    grid-column: col 10 / span 3;
    grid-row: row 3;
}

.grid__item_item10 {
    grid-column: col / span 6;
    grid-row: row 4;
}

.grid__item_item11 {
    grid-column: col 7 / span 6;
    grid-row: row 4;
}

.grid__item_item12 {
    grid-column: col / span 12;
    grid-row: row 5;
}

.grid__item_item-v1 {
    grid-column: col / span 4;
    grid-row: row / span 2;
}

.grid__item_item-v2 {
    grid-column: col 5 / span 4;
    grid-row: row / span 3;
}

.grid__item_item-v3 {
    grid-column: col 9 / span 4;
    grid-row: row;
}

.grid__item_item-v4 {
    grid-column: col 9 / span 4;
    grid-row: row 2;
}

.grid__item_item-v5 {
    grid-column: col / span 3;
    grid-row: row 3;
}

.grid__item_item-v6 {
    grid-column: col 4;
    grid-row: row 3;
}

.grid__item_item-v7 {
    grid-column: col 9;
    grid-row: row 3;
}

.grid__item_item-v8 {
    grid-column: col 10 / span 3;
    grid-row: row 3;
}

.grid__item_item-v9 {
    grid-column: col / span 6;
    grid-row: row 4;
}

.grid__item_item-v10 {
    grid-column: col 7 / span 3;
    grid-row: row 4;
}

.grid__item_item-v11 {
    grid-column: col 10 / span 3;
    grid-row: row 4;
}

.grid__item_item-v12 {
    grid-column: col / span 12;
    grid-row: row 5;
}
