.grid-container {
    width: 100%;
    height: 100px;
    font-family: Arial, Helvetica, sans-serif;
    position: sticky;
    top: 0px;
    z-index: 1000;
    display: grid;
    grid-template-columns: 13vw 19vw 19vw 49vw;
    grid-template-areas:
    "ett tva tre fyr"
}
.ett {
    grid-area: ett;
    height: 100px;
    width: 13vw;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: center;
    color: aquamarine;
    background-color: #3C3C3C;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.tva {
    grid-area: tva;
    height: 100px;
    width: 19vw;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: center;
    color: aquamarine;
    background-color: #3C3C3C;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.tre {
    grid-area: tre;
    height: 100px;
    width: 19vw;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: center;
    color: aquamarine;
    background-color: #3C3C3C;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.fyr {
    grid-area: fyr;
    height: 100px;
    width: 49vw;
    margin: 0px;
    padding: 0px;
    color: aquamarine;
    background-color: #3C3C3C;
    display: flex;
    justify-content: right;
    align-items: center;
}
.mig {
    height: auto;
    text-align: left;
    padding-left: 18vw;
    padding-right: 18vw;
    padding-bottom: 20px;
    line-height: 1.5;
}
.p {
    padding-top: 20px;
}
body {
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
}
.header1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 3.6vw;
    font-weight: bold;
}
.header2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 3.2vw;
    font-weight: bold;
}
.ws {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 3.6vw;
    font-weight: bold;
    padding-right: 3.2vw;
}
.ett:hover {
    background-color: #2c2c2c;
}
.tva:hover {
    background-color: #2c2c2c;
}
.tre:hover {
    background-color: #2c2c2c;
}
h1 {
    text-align: center;
    font-size: 4vw;
}
.number {
    font-size: 3.2vw;
    color: aquamarine;
    text-decoration: underline;
    border-radius: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.projekt {
    padding-bottom: 137px;
}
table {
    display: flex;
    justify-content: center;
    border-spacing: 6.4vw 2.4vw;
    font-size: 2vw;
}
a:hover {
    background-color: #2c2c2c;
}
a {
    width: 1.6vw;
    color: aquamarine;
    background-color: #3C3C3C;
    border: 1px solid black;
    padding: 2vw;
    padding-left: 2.4vw;
    padding-right: 2.4vw;
    border-radius: 8vw;
    display: flex;
    justify-content: center;
}
td {
    margin-left: 40vw;
    margin-right: 40vw;
}
img {
    height: 6.4vw;
    width: 10.4vw;
    display: flex;
    padding-top: 16px;
    padding-left: 4.2vw;
}

@media (max-width: 768px) {
.grid-container {
    height: 70px;
    grid-template-columns: 16vw 23vw 23vw 38vw;
}
.ett {
    height: 70px;
    width: 16vw;
}
.tva {
    height: 70px;
    width: 23vw;
}
.tre {
    height: 70px;
    width: 23vw;
}
.fyr {
    height: 70px;
    width: 38vw;
}
img {
    height: 8.96vw;
    width: 14.56vw;
    padding-top: 11.2px;
}
.header2 {
    font-size: 4vw;
}
.ws {
    font-size: 4.1vw;
    padding-right: 20px;
}
td {
    margin-left: 30vw;
    margin-right: 30vw;
}
table {
    border-spacing: 9vw 3.5vw;
    font-size: 2vw;
}
h1 {
    text-align: center;
    font-size: 8vw;
}
.number {
    font-size: 5vw;
    border-radius: 8vw;
}
a {
    width: 2.9vw;
    padding: 2vw;
    padding-left: 2.8vw;
    padding-right: 2.8vw;
    border-radius: 8vw;
}
.projekt {
    padding-bottom: 305px;
}
}