#lightboxGiraffe {
    display: none;
}


    #lightboxGiraffe .message-wrapper {
        display: none;
        justify-content: center;
    }

        .content-wrapper-giraffe {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;

        }

            #lightboxGiraffe .message-wrapper p {
                width: 53vmin;
                text-align: left;
            }

            #lightboxGiraffe .giraffe {
                width: 15vmin;
                height: auto;
            }

        #videoGiraffe {
            width: 55vmin;
            height: auto;
            margin-right: 13vmin;
        }

@media(max-height: 800px ) and (orientation: landscape) {
    #lightboxGiraffe h1 {
        margin-top: 0;
    }

    #lightboxGiraffe .message-wrapper p {
        width: 100vmin;
    }

    #lightboxGiraffe .giraffe {
        display: none;
    }

    #videoGiraffe {
        width: 85vmin;
        margin-right: 0;
    }
}

@media(max-width: 600px) and (orientation: portrait) {
    #lightboxGiraffe .message-wrapper {

    }

    #lightboxGiraffe .message-wrapper p {
        width: 86vmin;
    }

    #lightboxGiraffe .giraffe {
        display: none;
    }

    #videoGiraffe {
        margin-right: 0;
    }
}

@media(min-width: 600px) and (max-height: 400px) {
    #lightboxGiraffe .message-wrapper p {
        width: 130vmin;
    }
}