.splashScreen{
    display: none;
}

@media only screen and (max-width: 600px){
    
    #homeSection{
        flex-direction: column;
    }
    
    #homeSection .homeSection{
        width: 100%;
        height: calc(100vh / 3);
        font-size: 1rem;
        -webkit-transition: bottom 0.6s, background-position 0.4s, opacity 0.6s;
        transition: bottom 0.6s, background-position 0.4s, opacity 0.6s;
    }
    
    .splashScreen{
        display: block;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        position: fixed;
        padding: 0px;
        z-index: 50;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        -webkit-transition: opacity 0.7s;
        transition: opacity 0.7s;
    }
    
    .splashScreen .innerParent{
        position: relative;
        background-color: rgba(140, 1, 55,0.8);
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        margin: 0px; 
        padding: 0px;
    }
    
    .splashScreen .inner{
        width: 90%;
        height: 60%;
        height: calc(90vw + 3em);
        margin: auto;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
    }
    
    .splashScreen .inner .logo{
        width: 100%;
        margin: auto;
        position: relative;
        left: 0px;
        right: 0px;
    }
    
    .splashScreen .inner .click{
        width: 100%;
        display: inline-block;
        margin: auto;
        position: relative;
        left: 0px;
        right: 0px;
        text-align: center;
        user-select: none;
        color: white;
    }
    
    .homeSection .logo{
        display: none;
    }
    
    .homeSection:hover .content{
        background-color: rgba(0,0,0,0.6)
    }
    
    .homeSection .pageTitle{
        font-size: 6.5vw;
        visibility: hidden !important;
        padding-bottom: 0px;
        margin: 0.5em 0px; 
    }
    
    .homeSection .pageTitle.mobile{
        visibility: visible !important;
    }
    
    .homeSection .content{
        width: 100%;
        height: 100%;
        opacity: 1;
        background-color: rgba(0,0,0,0.6);
    }
    
    .homeSection .content *{
        top: 100%;
        position: relative;
        transition-delay: 0.4s;
        -webkit-transition: top 0.7s, opacity 0.4s;
        transition: top 0.7s, opacity 0.4s;
    }
    
    .homeSection .content .contentChild{
        height: 50%;
    }
    
    .homeSection .content .info{
        display: none;
    }
    
    .homeSection .content .heading{
        font-size: 9vw;
        margin 0.4em 0px;
    }
    
    .infoButton{
        margin 0.4em 0px;
        font-size: 4vw;
    }
    
    #homeSection.show .splashScreen{
        opacity: 0;
        pointer-events: none;
    }
    
    #homeSection.show .homeSection .content *{
        top: 0px;
        opacity: 1;
    }
}