* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif
}

body,html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #232323;

}

img {
    display: block;
}
.img-bg {
    width: 100vw;
    margin-top: -40vw;
}



.video video {
    min-width: 100%;
    min-height: 100%;
}
.video {
    display: flex;
    position: absolute;
    left:0px;top:0px;bottom:0px;right:0px;

    justify-content: center;
    align-items: center;
    text-align: center;
    align-content: center;
}


@keyframes fadeOut {
    0% {
        background: rgba(0,0,0,1);
    }

    10% {
        background: rgba(0,0,0,0);
    }
    20% {
        background: rgba(0,0,0,1);
    }

    30% {
        background: rgba(0,0,0,0);
    }
    40% {
        background: rgba(0,0,0,1);
    }

    50% {
        background: rgba(0,0,0,0);
    }
    60% {
        background: rgba(0,0,0,1);
    }

    70% {
        background: rgba(0,0,0,0);
    }
    80% {
        background: rgba(0,0,0,1);
    }

    90% {
        background: rgba(0,0,0,0);
    }


    99% {
        background: rgba(0,0,0,1);
        left:0;right:0;top:0;bottom:0;
    }

    100% {
        background: rgba(0,0,0,1);
    }


}

.fadeOut {
    animation: fadeOut 0.5s;
    left:auto;right:auto;top:auto;bottom:auto;
    color: #fff;
    font-size: 30vh;
    text-align: center;
    align-items: center;
    align-content: center;
}


.placeholder {
    display: flex;
    align-content: center;
    justify-content: space-evenly;
    text-align: center;
    width: 100%;
    position: absolute;
    top:40vh;
    left:0;right:0;

    color: #fff;

}


.placeholder h2 {
    color: #fff;
    text-decoration: none;
    font-size: 3.5vw;
}


.block {
    font-family: Verdana;
    padding: 1vw;
    width: 48%;
    background: rgba(0,0,0,0.9);
}

.chrome-features a, .demo-features a{
    text-decoration: none;
    font-size: 1.5vw;

}

.block h2 {
    margin-bottom: 2%;
}

.block a {
    text-decoration: none;
    color: #fff;
}

.block ol {
    display: block;
    padding-left: 4vw;
}

.block ol li {
    display: list-item;
    font-size: 1vw;
    text-align: left;
}