.BlueIcon span {
    color: #64d3cc;
}

@media only screen and (min-width: 100px)
{  
    .classLogin {width:80%;top:40px;left:10%;position:fixed;z-index:1000;top:40%;-ms-transform:translateY(-50%);transform:translateY(-50%);}
    .classAnimate {right:15%;top:-70px;position:fixed;z-index:999;} 
    .classAnimate iframe {width:200vw;height:200vw;} 
    .classHeader {padding-top:10px;padding-left:15px;top:0px;position:fixed;z-index: 999;}
    .classImage {height:35px;}
}

@media only screen and (min-width: 700px) 
{ 
    .classLogin {width:55%;padding:175px;top:-20px;left:-30px;position:fixed;z-index:999;top:55%;-ms-transform:translateY(-50%);transform:translateY(-50%);} 
    .classAnimate {right:0px;top:0px;position:fixed;z-index:999;} 
    .classAnimate iframe {width:140vw;height:100vw;}
    .classHeader {padding-top:30px;padding-left:40px;top:0px;position:fixed;z-index: 999;}
    .classImage {height:75px;}
}

@media only screen and (min-width: 1300px)
{ 
    .classLogin {width:40%;padding:175px;top:-20px;left:0px;position:fixed;z-index:999;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);} 
    .classAnimate {right:0px;top:-335px;position:fixed;z-index:999;} 
    .classAnimate iframe {width:120vw;height:100vw;}
    .classHeader {padding-top:30px;padding-left:40px;top:0px;position:fixed;z-index: 999;}
    .classImage {height:75px;}
}

body
{
    overflow: hidden;    
}