#standardHomeVideo,
#standardHomeVideo .cVideo {

    width:100%;
    height:45vw;

}


#homeVideo {

    width:100%;
    height:100%;
    margin:0;
    position: fixed;
    top:0;
    left:0;

}

#homeVideo .cVideo {

    width:100%;
    height:100%;

}

#scrollDown {

    width:100px;
    height:100px;
    position: absolute;
    bottom:0;
    left:calc( 50.5% - 50px );
    font-size: 14px; 
    letter-spacing: 0.1rem; 
    text-transform: uppercase;  
    text-align: center; 
    color:#ffffff;

}

#scrollDown .cImage {

    margin: 16px auto; 
    width:32px;
    height:32px;

}

#soundOff,
#soundOff .cImage,
#soundOn,
#soundOn .cImage {

    width:32px;
    height:32px;

}

#soundOff,
#soundOn {

    cursor:pointer;
    position: absolute;
    left:32px;
    bottom:32px;
    z-index: 5500;

}

#soundOn {

    display: none;

}

#introLogo {

    width:100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    text-align: center;
    z-index: 5000;

}

#introLogoContainer {

    position: relative;
    left:calc( 50% - 160px );
    top:calc( 50% - 32px );
    width:320px;
    height:64px;

}

#introLogoContainer.introLogoNotSized {

    width:320px;
    height:64px;

}

#introLogoContainer.introLogoNotMoved {

    left:calc( 50% - 160px );
    top:calc( 50% - 32px );
    width:320px;
    height:64px;

}

#introLogoContainer.introLogoMoved {

    top:20px;
    left:calc( 50% - 106.5px );
    width:213px;
    height: 35.6px;

}


#logoCor,
#logoProjects {

    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;

}

/* mobile */

#standardHomeVideo.breakPointMobile,
#standardHomeVideo.breakPointMobile .cVideo {

    width:100%;
    height:66vh;

}



#introLogoContainer.introLogoNotMoved.breakPointMobile {

    top:calc( 50% - 17.8px );
    left:calc( 50% - 106.5px );
    width:213px;
    height: 35.6px;

}

#introLogoContainer.introLogoMoved.breakPointMobile {

    top:16px;
    left:calc( 50% - 80px );
    width:160px;
    height: 26.7px;

}