.MainTextContainer {
    text-align: center;
}

.MainTextCanvas {
    vertical-align: middle;
    line-height: normal;
    margin-top: 20%;
}

.MainText {
    font-family: Arial Black;
    font-weight: bold;
    font-size: 47pt;
    text-transform: uppercase;
    text-align: center;
    background: radial-gradient(white,white 0%,rgba(255,255,255,0) 75%);
    display: block;

}

.SubText {
    font-family: Arial;
    font-size: 25pt;
    text-align: center;
    display: block;
}

.BlackWhite {
    color: #000;
    -webkit-text-fill-color: #000;
    -webkit-text-stroke: 1px #fff;
    text-shadow:
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff;
}

.WhiteBlack {
    color: #fff;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 1px #000;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.AiLogo img {
    width: 350px;
    position: absolute;
    top: -70px;
    left: -100px;
}

@media only screen and (max-width: 768px) {
    .AiLogo img { width: 200px; top: -40px; left: -60px; }
    .MainText { font-size: 26pt; }
    .SubText { font-size: 12pt; }
}