.introBoxText button {
    margin-top: 25px;
}


/*? IPad Pro - Landscape Mode ?*/
@media (width: 1366px) {
    .servicePageIntroBox {
        margin-left: 0px !important;
    }
}

/*? IPad Pro - Portrait Mode ?*/
@media screen and (width: 1024px) and (height: 1366px) and (orientation: portrait) {
    .servicePageIntroBox {
        margin-left: -100px !important;
    }
}


/*? IPad Mini - P */
@media screen and (width: 768px) and (height: 1024px) and (orientation: portrait) {
    .servicePageIntroBox {
        margin-left: 2% !important;
        margin-right: 2% !important;
    }

    .introBoxText button {
        margin-left: 35% !important;
    }
}

/*? IPad Mini - L */
@media screen and (width: 1024px) and (height: 768px) and (orientation: landscape) {
    .servicePageIntroBox {
        margin-left: -105px !important;
    }
}


/*? IPad Air - Landscape Mode ?*/
@media screen and (width: 1180px) and (height: 820px) and (orientation: landscape) {
    .servicePageIntroBox {
        margin-left: -105px !important;
        transform-origin: unset !important;
    }
}

/*? IPad Air - Portrait Mode ?*/
@media screen and (width: 820px) and (height: 1180px) and (orientation: portrait) {
    .servicePageIntroBox {
        margin-left: 5% !important;
        margin-right: 5% !important;
    }

    .introBoxText button {
        text-align: center;
        padding-block: 15px;
        margin-top: 5px;
        margin-left: 35%;
    }
}

/** IPad IPadOS (vanuit Firefox) - P **/
@media screen and (width: 810px) and (height: 1080px) and (orientation: portrait) {
    .servicePageIntroBox {
        margin-left: 5% !important;
        margin-right: 5% !important;
    }

    .introBoxText button {
        text-align: center;
        padding-block: 15px;
        margin-top: 5px;
        margin-left: 35%;
    }
}

/** IPad IPadOS (vanuit Firefox) - L **/
@media screen and (width: 1080px) and (height: 810px) and (orientation: landscape) {
  .servicePageIntroBox {
        margin-left: -105px !important;
        transform-origin: unset !important;
    }
}

/*! Animaties voor de introbox !*/
.servicePageIntroBox img {
    opacity: 0;
    transform: translateX(-20px);
    animation: fadeInFromLeft 1s forwards;
}

@keyframes fadeInFromLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.servicePageIntroBox .introBoxText {
    opacity: 0;
    transform: translateX(20px);
    animation: fadeInFromLeft 1s forwards
}

@keyframes fadeInFromLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}