/* Agemo Coin Download Page Stylesheet - Mobile View */

@media (max-width: 700px) {
    
    /* Indicates to JavaScript code that the mobile layout is in use. */
    #is-mobile-layout {
        display: revert !important;
    }
    
    body {
        background-attachment: scroll, fixed;
    }
    
    #root-container {
        margin: 0;
        border: 0;
        min-width: 100vw;
        max-width: 100vw;
    }
    
    #root-flex {
        align-items: revert;
    }
    
    h2 {
        justify-content: center;
        max-width: 100vw;
        min-width: revert;
        max-height: revert;
        flex-wrap: wrap;
        font-size: 24px;
    }
    
    #logo {
        max-width: 20vh; /* Same size as the `max-height` */
        align-self: center;
        -webkit-text-stroke: 1px black;
    }
    
    #title {
        align-self: center;
        font-size: 12vw;
    }
    
    #splash {
        align-self: center;
        font-size: 3vw;
    }
    
    /* Hide the original heading text... */
    #heading-1 span {
        display: none;
    }
    
    /* ...Then replace it with the following: */
    #heading-1 h2:before {
        content: "What is it? (Please Clarify)";
        font-size: 0.95em;
    }
    
    #heading-2 {
        font-size: 21px;
    }
    
    .mobile-header-small {
        font-size: 21px;
    }
    
    .mobile-header-large {
        font-size: 26px;
    }
    
    .mobile-header-very-large {
        font-size: 32px;
    }
    
    .omegalul-mobile {
        margin: 0 2px 0 2px !important;
    }
    
    .mobile-vertical-column {
        display: flex;
        flex-direction: column;
    }
    
    .info-cell-mobile-separator {
        width: 100%;
        min-height: 4vh;
    }
    
    .mobile-disclaimer {
        text-align: center;
        font-size: 0.8em;
    }
    
    .download-button {
        font-size: 24px;
        line-height: 36px;
        text-decoration: none !important; /* Only relevant when JavaScript is disabled/unavailable */
    }
    
    /* Hide the original text... */
    .windows-download-container span {
        display: none;
    }
    
    /* ...Then replace it with the following: */
    .windows-download-container:before {
        content: "Windows App";
    }
    
    /* Hide the original text... */
    .linux-download-container span {
        display: none;
    }
    
    /* ...Then replace it with the following: */
    .linux-download-container:before {
        content: "Linux App";
    }
    
    .mobile-download-icon {
        display: revert;
        user-select: none;
    }
    
}