* {
    box-sizing: border-box;
}
body {
    background-color: #000000;
}
.wrapper {
    display: grid;
    min-width: 1250px;
    max-width: 1800px;
    height: 80vh;
    margin: 50px auto 0 auto;
    border: 1px solid rgb(0, 0, 0);
    /*grid-template-columns: [first] 360px [second] auto [last];*/
    /*grid-template-rows: [first] 100px [second] 210px [third] 350px [fourth] auto [fifth] 0 [last];*/
    grid-template-columns: [first] 360px [second] auto [last];
    grid-template-rows: [first] 100px [second] 210px [third] 300px [fourth] auto [fifth] 0 [last];
}
.wrapper div {
    border-radius: 0;
}
.heading_logo {
    grid-column: first / second;
    grid-row: first / second;
    padding: 20px 0 0 20px;
    background-color: rgb(0 0 0 / 100%);
    color: white;
    /*font: 200 24px/24px "Tahoma", Helvetica, Arial, sans-serif;*/
    font: 100 24px/24px Helvetica, Arial, sans-serif;
    /*font: 200 24px/24px "artegra_sansextralight", Helvetica, Arial, sans-serif;*/
}
.heading_logo img {
    width: 65px;
    float: left;
    margin-right: 16px;
}
.heading_logo p {
    margin-top: 10px;
}
.heading_description {
    grid-column: second / last;
    grid-row: first / second;
    padding: 20px 50px 0 20px;
    background-color: black;
    color: white;
    /*font: normal 12px/20px "Tahoma", Helvetica, Arial, sans-serif;*/
    font: normal 15px/20px Helvetica, Arial, sans-serif;
    /*font: normal 12px/20px "fontspring_demo_-_artegra_sRg", Helvetica, Arial, sans-serif;*/
}
.map {
    grid-column: second / last;
    grid-row: second / fifth;
    background-color: rgb(255 255 255 / 100%);
    border-left: 15px solid rgb(0 0 0 / 100%);
}
.layers {
    grid-column: first / second;
    grid-row: second / third;
    /*background-color: rgb(217 63 38 / 100%);*/
    background-color: #333333;
    padding: 20px 0 0 25px;
    border-bottom: 15px solid rgb(0 0 0 / 100%);
}
.layers input {
    display: inline-block;
    margin-bottom: 10px;
}
.layers input[type="radio"] {
    width: 15px;
    height: 15px;
    accent-color: black;
}
.layers label {
    display: inline-block;
    letter-spacing: 1px;
    color: white;
    vertical-align: top;
    margin: 3px 0 0 5px;
    /*font: 500 15px/15px "Tahoma", Helvetica, Arial, sans-serif;*/
    font: 500 15px/15px Helvetica, Arial, sans-serif;
    /*font: 500 15px/15px "artegra_sansmedium", Helvetica, Arial, sans-serif;*/
}
.layers img {
    margin: 0 0 0 5px;
}
.description {
    grid-column: first / second;
    grid-row: third / fourth;
    background-color: rgb(255 255 255 / 100%);
    padding: 20px 20px 0 25px;
    border-bottom: 15px solid rgb(0 0 0 / 100%);
}
.description h1 {
    margin: 0 0 20px 0;
    color: black;
    /*font: bold 24px/24px "Tahoma", Helvetica, Arial, sans-serif;*/
    font: bold 24px/24px Helvetica, Arial, sans-serif;
    /*font: bold 24px/24px "artegra_sanssemibold", Helvetica, Arial, sans-serif;*/
}
.description p {
    color: black;
    /*font: normal 12px/20px "Tahoma", Helvetica, Arial, sans-serif;*/
    font: normal 15px/20px Helvetica, Arial, sans-serif;
    /*font: normal 12px/20px "fontspring_demo_-_artegra_sRg", Helvetica, Arial, sans-serif;*/
}
.description a {
    color: #333333;
    /*font: normal 12px/20px "Tahoma", Helvetica, Arial, sans-serif;*/
    font: bold 12px/20px Helvetica, Arial, sans-serif;
    /*font: normal 12px/20px "fontspring_demo_-_artegra_sRg", Helvetica, Arial, sans-serif;*/
}
.legend {
    grid-column: first / second;
    grid-row: fourth / last;
    background-color: #333333;
}
.legend img {
    width: 100%;
}
.logos {
    grid-column: second / last;
    grid-row: fifth / last;
    text-align: center;
    background-color: white;
    height: 100px;
    padding-top: 10px;
    border-top: 15px solid rgb(0 0 0 / 100%);
    border-left: 15px solid rgb(0 0 0 / 100%);
    display:none;
    position: relative;
}
.logos img {
    height: 80%;
    width: auto;
    margin: 0 0 0 0;
    display: inline-block;
    position: relative;
}

/* Fonts */

@font-face {
    font-family: 'artegra_sansextralight';
    src: url('../woff2/fontspring-demo-artegra_sans-200-extralight.woff2') format('woff2'),
    url('../woff/fontspring-demo-artegra_sans-200-extralight.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fontspring_demo_-_artegra_sRg';
    src: url('../woff2/fontspring-demo-artegra_sans-400-regular.woff2') format('woff2'),
    url('../woff/fontspring-demo-artegra_sans-400-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'artegra_sansmedium';
    src: url('../woff2/fontspring-demo-artegra_sans-500-medium.woff2') format('woff2'),
    url('../woff/fontspring-demo-artegra_sans-500-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'artegra_sanssemibold';
    src: url('../woff2/fontspring-demo-artegra_sans-600-semibold.woff2') format('woff2'),
    url('../woff/fontspring-demo-artegra_sans-600-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
