.exbod {
    background: linear-gradient(1deg,#000046 0%,#1CB5E0 100%);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(20, 100px);
    gap: 10px;
}

.exbod {
    background: linear-gradient(1deg,#000046 0%,#1CB5E0 100%);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(20, 100px);
    gap: 10px;
}

@media (min-width:448px) {
    .exbod {
        background: linear-gradient(1deg,#000046 0%,#1CB5E0 100%);
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: repeat(20, 100px);
        gap: 10px;
    }
}

@media (min-width: 1024px) {
    .exbod {
        background: linear-gradient(1deg,#000046 0%,#1CB5E0 100%);
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: repeat(50, 100px);
        gap: 10px;
    }
}

@media (min-width: 1280px) {
    .exbod {
        background: linear-gradient(1deg,#000046 0%,#1CB5E0 100%);
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: repeat(20, 100px);
        gap: 10px;
    }
}

@media (min-width:448px) {
    .h1PV {
        grid-area: 2 / 1 / 3 / 4;
        text-align: center;
        font-weight: 700;
        color: #bde9eb;
        font-size: 20pt;
        font-family: 'Poppins', sans-serif;
    }
}

@media (min-width: 1024px) {
    .h1PV {
        grid-area: 2 / 1 / 3 / 4;
        text-align: center;
        font-weight: 700;
        color: #bde9eb;
        font-size: 50pt;
        font-family: 'Poppins', sans-serif;
    }
}

@media (min-width: 1280px) {
    .h1PV {
        grid-area: 2 / 1 / 3 / 4;
        text-align: center;
        font-weight: 700;
        color: #bde9eb;
        font-size: 50pt;
        font-family: 'Poppins', sans-serif;
    }
}

@media (min-width:448px) {
    .h2MIP {
        grid-area: 2 / 1 / 3 / 4;
        text-align: center;
        color: #bde9eb;
        font-weight: 700;
        font-size: 15pt;
        padding-top: 42px;
        padding-bottom: 0px;
    }
}

@media (min-width: 1024px) {
    .h2MIP {
        grid-area: 3 / 1 / 4 / 4;
        text-align: center;
        color: #bde9eb;
        font-weight: 700;
        font-size: 45px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media (min-width: 1280px) {
    .h2MIP {
        grid-area: 3 / 1 / 4 / 4;
        text-align: center;
        color: #bde9eb;
        font-weight: 700;
        font-size: 45px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media (min-width:448px) {
    .merktsVid {
        grid-area: 3 / 1 / 8 / 4;
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: -53px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1024px) {
    .merktsVid {
        grid-area: 4 / 1 / 10 / 4;
        padding-left: 271px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1280px) {
    .merktsVid {
        grid-area: 4 / 1 / 10 / 4;
        padding-left: 394px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width:448px) {
    .h1SureTo {
        grid-area: 8 / 1 / 9 / 4;
        text-align: center;
        font-weight: 700;
        color: #bde9eb;
        font-size: 20pt;
        font-family: 'Poppins', sans-serif;
        padding-top: 39px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1024px) {
    .h1SureTo {
        grid-area: 10 / 1 / 11 / 4;
        text-align: center;
        font-weight: 700;
        color: #bde9eb;
        font-size: 50pt;
        font-family: 'Poppins', sans-serif;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1280px) {
    .h1SureTo {
        grid-area: 10 / 1 / 11 / 4;
        text-align: center;
        font-weight: 700;
        color: #bde9eb;
        font-size: 50pt;
        font-family: 'Poppins', sans-serif;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width:448px) {
    .h2NP {
        grid-area: 8 / 1 / 9 / 4;
        text-align: center;
        color: #bde9eb;
        font-weight: 700;
        font-size: 15pt;
        padding-top: 84px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1024px) {
    .h2NP {
        grid-area: 11 / 1 / 12 / 4;
        text-align: center;
        color: #bde9eb;
        font-weight: 700;
        font-size: 45px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1280px) {
    .h2NP {
        grid-area: 11 / 1 / 12 / 4;
        text-align: center;
        color: #bde9eb;
        font-weight: 700;
        font-size: 45px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        font-family: 'Poppins', sans-serif;
    }
}

@media (min-width:448px) {
    .wedge {
        grid-area: 9 / 1 / 12 / 4;
        padding-left: 324px;
    }
}

@media (min-width: 1024px) {
    .wedge {
        grid-area: 12 / 1 / 16 / 4;
        padding-left: 324px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media (min-width: 1280px) {
    .wedge {
        grid-area: 12 / 1 / 16 / 4;
        padding-left: 324px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media (min-width:448px) {
    .wedgevid {
        grid-area: 9 / 1 / 17 / 4;
        padding-left: 0px;
        margin-left: 8px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 27px;
        padding-bottom: 0px;
    }
}

@media (min-width: 1024px) {
    .wedgevid {
        grid-area: 12 / 1 / 17 / 4;
        padding-left: 0px;
        margin-left: 227px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media (min-width: 1280px) {
    .wedgevid {
        grid-area: 12 / 1 / 16 / 4;
        padding-left: 0px;
        margin-left: 360px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media (min-width: 1280px) {
    .wheelVid {
        grid-area: 13 / 1 / 21 / 4;
    }
}

@media (min-width: 1536px) {
    .wheelVid {
        grid-area: 13 / 1 / 21 / 4;
    }
}

@media (min-width:448px) {
    .wheelVid {
        grid-area: 13 / 1 / 16 / 4;
        margin-top: -51px;
    }
}

@media (min-width: 1024px) {
    .wheelVid {
        grid-area: 17 / 1 / 21 / 4;
        margin-top: 0px;
    }
}

@media (min-width:448px) {
    .h1logo {
        grid-area: 16 / 1 / 17 / 4;
        text-align: center;
        font-weight: 700;
        color: #bde9eb;
        font-size: 20pt;
        font-family: 'Poppins', sans-serif;
        padding-top: 39px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1024px) {
    .h1logo {
        grid-area: 25 / 1 / 26 / 4;
        text-align: center;
        font-weight: 700;
        color: #bde9eb;
        font-size: 50pt;
        font-family: 'Poppins', sans-serif;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width:448px) {
    .beSeen {
        grid-area: 16 / 1 / 17 / 4;
        text-align: center;
        color: #bde9eb;
        font-weight: 700;
        font-size: 15pt;
        padding-top: 84px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1024px) {
    .beSeen {
        grid-area: 26 / 1 / 27 / 4;
        text-align: center;
        color: #bde9eb;
        font-weight: 700;
        font-size: 45px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (min-width:448px) {
    .butterfly {
        grid-area: 17 / 1 / 20 / 4;
        margin-top: -50px;
    }
}

@media (min-width: 1024px) {
    .butterfly {
        grid-area: 25 / 1 / 35 / 4;
        margin-top: 0px;
    }
}