html,body {
    margin: 0px;
    padding: 0px;
}

h1 img {
    width: 100%;
}

#wrapper {
    font-family: "Gudea" !important;
}

#topBGBar {
    position: relative;
    border-bottom: 1px solid rgba(130,130,130,0.5);
}

#topBGBarBanner {
    width: 100%;
    display: block;
}

#topBGBarBar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 48px);
    display: grid;
    grid-template-columns: 1fr auto auto auto auto;
    align-items: center;
    gap: 12px;
    padding: 6px 24px;
}

#topBGBarBar a, footer a {
    color: #ffffff !important;
    text-shadow: 
        1px 1px 0px #000000,
        1px -1px 0px #000000,
        -1px 1px 0px #000000,
        -1px -1px 0px #000000;
}

#topApeLogo {
    height: 32px;
    position: relative;
    top: 12px;
}

#appInfoArea, #keyDisclaimer {
    margin: 12px auto;
    width: calc(100% - 96px);
    max-width: 1200px;
}

#appInfoArea h2 {
    margin-bottom: 8px;
    margin-top: 0px;
}

#downloadArea {
    text-align: center;
}

.dlButtonHold {
    display: block;
}

.downloadBtn {
    width: 260px;
    margin: 8px auto;
}

#mediaArea {
    margin: 12px 0px;
}

#videoArea {
	text-align: center;
}

#screenshotArea {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.appScreenshot {
    width: 100%;
    border: 1px solid rgba(130,130,130,0.5);
    border-radius: 4px;
}

footer {
    text-align: center;
    margin: 32px;
    font-family: "Gudea" !important;
    font-size: 0.9em;
}

#buyArea {
    text-align: center;
    margin: 24px;
}

#buyArea form {
    margin: 12px 0px;
}

#paymentOptions {
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
    margin: 12px;
}

#paymentOptions img {
    display: block;
    margin: 6px auto;
}

@media (max-width: 760px) {
    #appInfoArea, #keyDisclaimer {
        width: calc(100% - 24px);
    }

    #app-video {
		height: 169px;
		width: 300px;
	}
}

@media (max-width: 500px) {
    #topBGBarBar {
        font-size: 0.9em;
        width: calc(100% - 24px);
        grid-template-columns: 1fr auto auto auto auto 1fr;
        gap: 8px;
        padding: 6px 12px;
    }
    
    #topApeLogo {
        display: none;
    }
}