.fluid-width-video-wrapper /*.video-js*/ {position: absolute;top: 0;left: 0;width: 100%!important;height: 100%!important;} /*MediaElement*/ /*.mejs-container { width: 100% !important; height: auto !important; padding-top: 57%; } .mejs-overlay, .mejs-poster { width: 100% !important; height: 100% !important; } .mejs-mediaelement video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } /*.mejs-mediaelement object { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; }*/ /*.video-js-wrapper {max-width: 740px;}*/ /*#myvideo, #mep_0, #myvideo_wrapper{margin: 0 auto;}*/ .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .vimeovideowrap, .content, .youtubevideowrap, #disqus_thread, .videocontent { width:80%; max-width: 640px; margin: 0 auto; } .videocontent2 { min-width: 230px; } .content { margin-bottom: 100px; } markup, mark { background: #f9f8d4; padding: 1px; } .socialmedia { margin: 60px auto; overflow: hidden; width:76%; } .socialmedia div{ margin-left: 30px; display: inline-block; } .socialmedia div:last-child{ margin-left: 0px; display: inline-block; } /*IE9 for VFE*/ video{ width:100%; height:100%} /*VFE Flash Fallback*/ /*JWPLAYER*/ /*#myvideo5_wrapper{ margin: 0 auto; }*/ /*#myvideo5_wrapper { padding-bottom: 56.25%; width: 100%; position: relative; padding: 0; } #myvideo5_wrapper object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/ /*WebKit Browser*/ @media screen and (-webkit-min-device-pixel-ratio:0) { } /*Tablet & Mobile*/ @media only screen and (max-width:480px) { p, li {font-size: .8rem;} p {text-align: left;} h1 {font-size: 2.25rem;} h2 {font-size: 1.25rem;} .vimeovideowrap, .content, .youtubevideowrap, #disqus_thread, .socialmedia {width:100%;} .wrapper {border: solid 1.25rem #fff;} .socialmedia div{margin-left: 0px;} .socialmedia div+div{margin-left: 9px;} .socialmedia div:last-child{margin-left: -25px;} } @media only screen and (min-width:481px) and (max-width:768px) { p, li {font-size: .9rem;} h1 {font-size: 2.5rem;} h2 {font-size: 1.75rem;} } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) { .ipad-portrait { height: 290px; } /* your css rules for ipad portrait */ } @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) { .ipad-landscape { height: 360px;} /* your css rules for ipad landscape */ } @media only screen and (min-width:769px) {}