div.wpb_row.kzootopcopy { 
	background-image: url("https://www.kzoo.edu/images/homepage/CMM_20150513/Top-700.jpg") !important; 
	background-size: cover  !important; background-repeat: no-repeat !important;
	
}
div.wpb_row.kzooctarow { 
		background-color:#ccc; /*for contrast when images fail*/
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_110601/Middle-700.jpg") !important; 
		background-position: 50% 0% !important; 
	}


@media only screen and (min-width: 320px) {

  /* Small screen, non-retina */
	div.wpb_row.kzootopcopy {
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_20150513/Top-700.jpg") !important; 
	}
	div.wpb_row.kzooctarow { 
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_110601/Middle-700.jpg") !important; 
		background-position: 50% 0% !important; 
	}

}

@media 
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 

  /* Small screen, retina, stuff to override above media query */
	div.wpb_row.kzootopcopy {
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_20150513/Top-1400.jpg") !important; 
	}
	div.wpb_row.kzooctarow { 
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_110601/Middle-1400.jpg") !important; 
		background-position:50% 0% !important;
	}

}

@media only screen and (min-width: 700px) {

  /* Medium screen, non-retina */
		div.wpb_row.kzootopcopy {
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_20150513/Top-1400.jpg") !important; 
	}
	div.wpb_row.kzooctarow { 
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_110601/Middle-1400.jpg") !important; 
		background-position:50% 0% !important;
	}


}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 700px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 700px),
only screen and (                min-resolution: 192dpi) and (min-width: 700px),
only screen and (                min-resolution: 2dppx)  and (min-width: 700px) { 

  /* Medium screen, retina, stuff to override above media query */
		div.wpb_row.kzootopcopy {
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_20150513/Top-2800.jpg") !important; 
	}
	div.wpb_row.kzooctarow { 
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_110601/Middle-2800.jpg") !important; 
		background-position:50% 0% !important;
	}


}

@media only screen and (min-width: 1300px) {

  /* Large screen, non-retina */
	div.wpb_row.kzootopcopy {
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_20150513/Top-2000.jpg") !important; 
	}
	div.wpb_row.kzooctarow { 
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_110601/Middle-2000.jpg") !important; 
		background-position:50% 0% !important;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (                min-resolution: 192dpi) and (min-width: 1300px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1300px) { 

  /* Large screen, retina, stuff to override above media query */
	div.wpb_row.kzootopcopy {
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_20150513/Top-4000.jpg") !important; 
	}
	div.wpb_row.kzooctarow { 
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_110601/Middle-4000.jpg") !important; 
		background-position:50% 60% !important;
	}

}

@media (orientation: portrait) {
    div.kzootopcopy.bg-cover-stretch {
		min-height:50% !important; 
		background-attachment:scroll !important; 
		background-size:contain !important; 
		background-repeat: no-repeat; 
		background-position:50% 0 !important;}
   
.wpb_row.parallax-section.kzooctarow  {background-position:50% 100% !important}	
}

@media (orientation: portrait) and (min-height:466px) {
	div.wpb_row.kzooctarow { 
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_110601/Middle-1400.jpg") !important; 
	}
}
@media (orientation: portrait) and (min-height:935px) {
	div.wpb_row.kzooctarow { 
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_110601/Middle-2000.jpg") !important; 
	}
}
@media (orientation: portrait) and (min-height:1333px) {
	div.wpb_row.kzooctarow { 
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_110601/Middle-2800.jpg") !important; 
	}
}
@media (orientation: portrait) and (min-height:1866px) {
	div.wpb_row.kzooctarow { 
		background-image: url("https://www.kzoo.edu/images/homepage/CMM_110601/Middle-4000.jpg") !important; 
	}
}



/*adjust the position of the k-plan text block for wide viewports*/
@media (orientation: portrait ) {
    div.kzootopcopy > div.wbc-table-align.clearfix {min-height:0 !important; height:50% !important; max-height:50% !important;margin-top:50% !important;}
    
}
@media (orientation: landscape) and (min-aspect-ratio:10/5) {
    div.kzootopcopy > div.wbc-table-align.clearfix {min-height:0 !important; height:auto !important; max-height:100% !important;margin-top:50% !important;}