﻿
/*img lazy load*/
.lozadfade {
    animation-name: lozadfade;
    animation-duration: 1.5s;
}


.video-responsive {
    height: auto;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

    .video-responsive iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.parent {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.child {
    flex: 0 0 100%;
    order: 1;
}

.wider {
    flex: 0 0 100%;
}

.test {
    height: auto;
    width: 100%
}

@media (max-width: 800px) {
    .child {
        flex: 0 0 100%;
    }

    .topper {
        order: 0;
    }
}

@keyframes lozadfade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
