﻿/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape phones and portrait tablets (max 768px) */
@media (max-width: 768px) {
    #video {
        height: auto !important;
        width: 100% !important;
    }
}

/* Portrait phones and smaller */
@media (max-width: 691px) {
    .video {
	    position:relative;
	    padding-bottom:56.25%;
	    padding-top:30px;
	    height:0;
	    
        /*padding-left: 10px;
        padding-right: 10px;*/
    }

    .video iframe, .video object, .video embed {
	    position:absolute;
	    top:0;
	    left:0;
	    width:100%;
	    height:100%;
    }
}

@media (max-width: 415px) {

}

@media (max-width: 380px) {

}

/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {

}

html, body, #footerbg {
    background-color: #efefef;
}

/*.video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video iframe, .video object, .video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}*/
