body {
	background-color: #fff;
	color: #000;
	/* font-family: 'OpenSans'; */
}

.wrapper {
	margin: 0 auto;
	max-width: 1000px; 
}

.clear {
	clear:both;
}

.video {
	display: inline-block;
    margin-bottom: 8px;
	width: 49.5%;
}

.video:nth-child(odd) {
	margin-right: 1%;
}

@media  
    only screen and (-webkit-min-device-pixel-ratio:  3)      and (max-width: 1440px) and (orientation: portrait), 
    only screen and (   min--moz-device-pixel-ratio: 3)       and (max-width: 1440px) and (orientation: portrait),
    only screen and (     -o-min-device-pixel-ratio: 3/1)     and (max-width: 1440px) and (orientation: portrait),
    only screen and (        min-device-pixel-ratio: 3)       and (max-width: 1440px) and (orientation: portrait),
    only screen and (                min-resolution: 3dppx)   and (max-width: 1440px) and (orientation: portrait),
    only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 960px) and (orientation: portrait),
    only screen and (   min--moz-device-pixel-ratio: 2)       and (max-width: 960px) and (orientation: portrait),
    only screen and (     -o-min-device-pixel-ratio: 2/1)     and (max-width: 960px) and (orientation: portrait),
    only screen and (        min-device-pixel-ratio: 2)       and (max-width: 960px) and (orientation: portrait),
    only screen and (                min-resolution: 2dppx)   and (max-width: 960px) and (orientation: portrait),
    only screen and (-webkit-min-device-pixel-ratio: 1.5)     and (max-width: 720px) and (orientation: portrait),
    only screen and (   min--moz-device-pixel-ratio: 1.5)     and (max-width: 720px) and (orientation: portrait),
    only screen and (     -o-min-device-pixel-ratio: 3/2)     and (max-width: 720px) and (orientation: portrait),
    only screen and (        min-device-pixel-ratio: 1.5)     and (max-width: 720px) and (orientation: portrait),
    only screen and (                min-resolution: 1.5dppx) and (max-width: 720px) and (orientation: portrait),
    only screen and (-webkit-min-device-pixel-ratio: 1)       and (max-width: 480px) and (orientation: portrait),
    only screen and (   min--moz-device-pixel-ratio: 1)       and (max-width: 480px) and (orientation: portrait),
    only screen and (     -o-min-device-pixel-ratio: 1/1)     and (max-width: 480px) and (orientation: portrait),
    only screen and (        min-device-pixel-ratio: 1)       and (max-width: 480px) and (orientation: portrait),
    only screen and (                min-resolution: 1dppx)   and (max-width: 480px) and (orientation: portrait){
    	.video {
			width: 100%;
		}
		.video:nth-child(odd) {
			margin-right: 0;
		}

        /*embed{
            display: none;
        }*/
    }




@media  
    only screen and (-webkit-min-device-pixel-ratio:  3)      and (max-width: 3072px), 
    only screen and (   min--moz-device-pixel-ratio: 3)       and (max-width: 3072px),
    only screen and (     -o-min-device-pixel-ratio: 3/1)     and (max-width: 3072px),
    only screen and (        min-device-pixel-ratio: 3)       and (max-width: 3072px),
    only screen and (                min-resolution: 3dppx)   and (max-width: 3072px),
    only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 2048px),
    only screen and (   min--moz-device-pixel-ratio: 2)       and (max-width: 2048px),
    only screen and (     -o-min-device-pixel-ratio: 2/1)     and (max-width: 2048px),
    only screen and (        min-device-pixel-ratio: 2)       and (max-width: 2048px),
    only screen and (                min-resolution: 2dppx)   and (max-width: 2048px),
    only screen and (-webkit-min-device-pixel-ratio: 1.5)     and (max-width: 1536px),
    only screen and (   min--moz-device-pixel-ratio: 1.5)     and (max-width: 1536px),
    only screen and (     -o-min-device-pixel-ratio: 3/2)     and (max-width: 1536px),
    only screen and (        min-device-pixel-ratio: 1.5)     and (max-width: 1536px),
    only screen and (                min-resolution: 1.5dppx) and (max-width: 1536px),
    only screen and (-webkit-min-device-pixel-ratio: 1)       and (max-width: 1024px),
    only screen and (   min--moz-device-pixel-ratio: 1)       and (max-width: 1024px),
    only screen and (     -o-min-device-pixel-ratio: 1/1)     and (max-width: 1024px),
    only screen and (        min-device-pixel-ratio: 1)       and (max-width: 1024px),
    only screen and (                min-resolution: 1dppx)   and (max-width: 1024px){
        .video {
            width: 100%;
        }
        .video:nth-child(odd) {
            margin-right: 0;
        }

        /*embed{
            display: none;
        }*/
    }