/* @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait){ */

/* @media only screen and (max-width: 700px) and (max-height: 700px){ */




    @media only screen and (max-width: 700px) {

        #graves {
            transform: scale(0.4);
            transform-origin: bottom right;
        }
    
        #credit {
            transform: scale(0.8);
            transform-origin: top left;
        }
        #logoCM {
            transform: scale(0.6);
            transform-origin: top left;
        }
        .topRight {
            right: 25px;
            transform: scale(0.9);
            transform-origin: top right;
        }
    
    
        .gameOver{
            position: absolute;
            top: 30%;
        }
    
        .captain, .captainSkeleton  {
            left: 0;
            bottom: 9%;
            height: 29%;
        }
    
        #score {
            transform: scale(0.8);
            transform-origin: top center;
            left: 0;
            top: 70px;
            
        }
    
        #scoresForm > .formWrapper{ 
            padding: 150px 200px;
        }
    
        .scoresForm{
            top:calc(30% - 250px);
        }
    
        .gameOverHills {
            height: 25%;
    
        }

        #entries{
            padding-top: calc(30vh);
        }
    

        #productShot {
            bottom: 40px;
            right: -5px;
            width: 47%;
        }

        
    }