@font-face {
    font-family: 'pixelfont2regular';
    src: url('pixelfont2-webfont.eot');
    src: url('pixelfont2-webfont.eot?#iefix') format('embedded-opentype'),
         url('pixelfont2-webfont.woff2') format('woff2'),
         url('pixelfont2-webfont.woff') format('woff'),
         url('pixelfont2-webfont.ttf') format('truetype'),
         url('pixelfont2-webfont.svg#pixelfont2regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pixelfont3regular';
    src: url('pixelfont3-webfont.eot');
    src: url('pixelfont3-webfont.eot?#iefix') format('embedded-opentype'),
         url('pixelfont3-webfont.woff2') format('woff2'),
         url('pixelfont3-webfont.woff') format('woff'),
         url('pixelfont3-webfont.ttf') format('truetype'),
         url('pixelfont3-webfont.svg#pixelfont3regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #ceebf7;
    text-align: center;
}

.studio-logo {
    width: 600px;
    max-width: 100%;
    padding-top: 40px;
    padding-bottom: 25px;
    margin: 0 auto;
    text-align: center;
}

.studio-logo-img {
    width: 400px;
    max-width: 100%;
    border: none;
}

.games {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.game-card {
    float: left;
    width: 200px;
}

.elastic-card {
    padding-top: 10px;
}

.gametitle1,
.gametitle2 {
    font-family: pixelfont3regular, verdana, arial, helvetica;
    font-size: 18px;
    padding-top: 30px;
    text-align: center;
}

.text {
    font-family: pixelfont2regular, arial, helvetica;
    font-size: 18px;
    padding-top: 0;
}

.text3 {
    font-family: pixelfont3regular, arial, helvetica;
    font-size: 14px;
    padding-top: 0;
}

.centered {
    text-align: center;
}

.game-icon,
.app-store-badge,
.google-play-badge {
    border: none;
}

.wsc-icon,
.wcsc-icon {
    width: 155px;
    height: 155px;
}

.elastic-icon {
    width: 180px;
    height: 180px;
}

.app-store-badge {
    width: 128px;
    padding: 10px;
}

.elastic-app-store-badge {
    margin-top: 0;
    padding-top: 0;
}

.google-play-badge {
    width: 135px;
}

.clear-left {
    clear: left;
}

.compliance-section {
    margin-top: 18px;
    padding: 28px 0 24px;
    border-top: 2px solid #9dccdf;
    border-bottom: 1px solid #b6dcea;
    background-color: #e7f5fb;
}

.app-info {
    font-family: pixelfont3regular, verdana, arial, helvetica;
    font-size: 16px;
    line-height: 1.5;
    width: 560px;
    max-width: calc(100% - 32px);
    margin: 0 auto;
    padding: 0;
    color: #102433;
    text-align: left;
}

.app-info h1 {
    font-family: pixelfont3regular, verdana, arial, helvetica;
    font-size: 22px;
    line-height: 1.3;
    text-align: center;
    margin: 0 0 14px 0;
}

.app-info a {
    color: #0a5578;
    font-weight: bold;
}

.footer {
    text-align: center;
}

.legal-page {
    font-family: pixelfont3regular, verdana, arial, helvetica;
    font-size: 16px;
    line-height: 1.5;
    width: 760px;
    max-width: calc(100% - 32px);
    margin: 40px auto;
    color: #102433;
    text-align: left;
}

.legal-page h1,
.legal-page h2 {
    text-align: center;
}

.legal-page h1 {
    font-size: 26px;
    line-height: 1.3;
    margin: 0 0 18px;
}

.legal-page h2 {
    font-size: 18px;
    line-height: 1.4;
    margin-top: 28px;
}

.legal-page a {
    color: #0a5578;
    font-weight: bold;
}

.legal-nav {
    text-align: center;
}