#plaats {
    height: 100vh;
}

#grid-product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 80%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    gap: 8%;
    box-shadow: #00000048 0 0 10px;
}

#grid-product img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#text-product {
    display: grid;
    grid-template-rows: 10% 10% auto 10% 10% 10%;
    row-gap: 1vw;
    margin: auto 0;
    width: 99%;
}

form {
    font-size: 1.4vw;
    align-items: center;
    display: flex;
}

#aantal {
    height: 2vw;
    margin-left: 2%;
    border-radius: 1vw;
    font-size: 1vw;
}

h2 {
    font-size: 2vw;
}

#totale-prijs p {
    font-size: 1.4vw;
}

.button {
    margin: auto 0;
}

@media only screen and (max-width: 768px) {
    #grid-product {
        grid-template-columns: 1fr;
        grid-template-rows: 50% 50%;
        gap: 0%;
        top: 60%;
    }

    #plaats {
        height: 110vh;
    }

    #text-product {
        display: grid;
        grid-template-rows: 10% 10% auto auto 10% 10%;
        row-gap: 1vw;
        margin: auto;
        width: 90%;
    }

    h2 {
        font-size: 4vw;
    }

    form {
        font-size: 3vw;
    }

    #aantal {
        height: 4vw;
        font-size: 2vw;
    }

    #totale-prijs p {
        font-size: 3vw;
    }
}

@media only screen and (max-width: 480px) {
    #grid-product {
        grid-template-columns: 1fr;
        grid-template-rows: 50% 40%;
        gap: 0%;
        height: 90vh;
    }

    #plaats {
        height: 120vh;
    }

    h2 {
        font-size: 5vw;
    }

    #text-product {
        display: grid;
        grid-template-rows: auto;
        row-gap: 2.2vw;
        height: 100%;
        margin: auto;
        width: 90%;
    }

    #text-product p {
        font-size: 12px;
    }

    form {
        font-size: 4vw;
    }

    #aantal {
        height: 6vw;
        font-size: 3vw;
    }

    #grid-product a {
        margin: auto;
    }

    #totale-prijs p {
        font-size: 5vw;
    }
}