.main-visual {
    min-height:480px;
    height:480px;
    background-size: cover;
    text-align:left;
    position:relative;
    overflow:hidden;
    z-index:0;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1; background:#000;}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1; background:#000;}
}

/*.main-visual img {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}*/
 
.main-visual video {
    margin: 0 auto;
    z-index: 1;
    width: 100%;
}

.main-visual source {
    margin: 0 auto;
    z-index: 1;
    width: 100%;
}

.hero {
    position:absolute;
    z-index:9999999999;
}


.iocap {text-align:center; font-size:250%; line-height:150%; font-family: 'Arimo', sans-serif; font-weight:bold; color:#000;}

.features-list h1{font-size:200%;}
.features-list p{font-size:150%;}

.mimg{padding:0px 0px 0px 0px; text-align:right;}
.mimgg {padding:30px 0px;}
.mimg img,.mimgg img{width:80%;}
.mall{display:block; float:left;}
.mall img{height:60px; margin-left:10px; float:right;}

.jeform{padding-bottom:20px; font-family: 'Archivo Black', sans-serif;}
.jeform input{font-size:150%; color:#000;}

.mform{font-size:150%; margin:-30px 0px 10px 0px; padding-bottom:20px; font-family: 'Archivo Black', sans-serif;}
.mform input{color:#000; font-size:90%;}
.mform p{font-family:'Nuito', sans-serif; margin:0px; padding:10px 0px;}

.lastform{font-size:200%; margin:20px 0px; padding-bottom:40px; font-family: 'Archivo Black', sans-serif;}
.lastform input{color:#000; font-size:90%;}

#iwidth{width:50%; padding:5px 10px; margin:2px 0px;}
input#submit{width:auto; padding:0px 15px;}


@media screen and ( max-width:900px )
{
.main-visual {
    min-height:600px;
    height:100%;
    background-size: cover;
    text-align:left;
    position:relative;
    overflow:hidden;
    z-index:0;
    background:url(../img/video-s.jpg) center;
}

.main-visual video {
    display:none;;
}

.main-visual source {
    display:none;;
}


.iocap {text-align:center; font-size:160%; line-height:150%;}

.features-list h1{font-size:200%;}
.features-list p{font-size:150%;}

.jeform{padding-bottom:20px; margin-top:0px;}
.jeform input{font-size:120%; color:#000;}

.mform{font-size:120%; margin:-30px 0px 10px 0px; padding-bottom:10px; border-bottom:none;}
.mform input{color:#000; font-size:90%;}

.lastform{font-size:120%; margin:20px 0px; padding-bottom:40px;}
.lastform input{color:#000; font-size:90%;}

#iwidth{width:auto; padding:0px 5px;}
input#submit{width:auto; padding:0px 5px;}

.hero h1 {
    margin:120px 0 45px 0;
    font-weight: 300;
    font-size:200%;
}

.features-list {
    padding:40px 0
}

.screenshots-intro {
    padding:20px 0px;
    background-color: #f6f7f9;
}
.screenshots-intro h1 {
    margin-bottom: 20px;
    color: #24374b;
    font-weight: 400;
    font-size: 200%;
}
.screenshots-intro p {
    margin-bottom: 50px;
    color: #778899;
    font-size:120%;
}

.screenshots-intro strong {
    font-size:160%;
}

.screenshots-intro b {
    font-size:140%;
}

.download {
    padding:40px 0;
    background-color: #000060;
}
.download h1 {
    margin: 0 0 15px 0;
    color: #fff;
    font-weight: 400;
    font-size:200%;
}

footer {
    padding:40px 0
}

.screenshots-intro .container{border-bottom:none;}

.screenshots ul li {
    float: left;
    min-height: 100%;
    width:25%;
    background-color: #000;
    list-style: none;
}

.mimg {padding:0px; margin:15px 0px; text-align:center;}
.mimgg {padding:0px; margin:15px 0px; text-align:center; display:none;}
.mimg img,.mimgg img{width:80%;}
.mall{display:block; float:none;}
.mall img{height:40px; margin:5px 0px; float:none; display:block;}
.mallu{display:block; padding:5px 0px; margin:0px 0px -30px 0px;}

}