.McIntroImg {
    text-align: center;
    align-self: center;
    align-content: center;
}

.McIntroText {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
}

.McIntroFadeOut {
    visibility: visible;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    animation: fadeOut ease 1.5s;
    -webkit-animation: fadeOut ease 1.5s;
    -moz-animation: fadeOut ease 1.5s;
    -o-animation: fadeOut ease 1.5s;
    -ms-animation: fadeOut ease 1.5s;
}

.McIntroFadeIn {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s linear;
    animation: fadeIn ease 0s;
    -webkit-animation: fadeIn ease 0s;
    -moz-animation: fadeIn ease 0s;
    -o-animation: fadeIn ease 0s;
    -ms-animation: fadeIn ease 0s;
}


@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}