/* Custom CSS - The CSS properties in this stylesheet will over-write any original template styles if the same class names are used in addition to custom styles which can also be added. */

iframe {
width: 100%;
height: 100%;
min-height:400px;
border: 1px solid black;
}

@media (min-width: 768px) {
	.primary .global-header {
		min-height: 158px;
	}
}

@media (min-height: 400px) {
	iframe {
		min-height: 400px;
	}
}

@media (min-height: 700px) {
	iframe {
		min-height: 540px;
	}
}

@media (min-height: 900px) {
	iframe {
		min-height: 740px;
	}
}

@media (min-height: 1000px) {
	iframe {
		min-height: 840px;
	}
}

@media (min-height: 1200px) {
	iframe {
		min-height: 1040px;
	}
}

@media (min-height: 1500px) {
	iframe {
		min-height: 1340px;
	}
}

.main-content .main-primary, .main-content .main-secondary {
    position: relative;
    min-height: 400px;
    padding-left: 0px;
    padding-right: 0px;
}

.main-content {
    background: #fff;
    padding-bottom: 5px;
}

.global-header{
	background:#fff url("/images/doc-header-background.png") 
	no-repeat 40% 40%
}