/**************** default styles ****************/

.galleryHeading {
	color: #cb9865;
}

.imageContainer {
	background-color: white;
	width:100%;
}

/*Row 1 ------*/
#P1I01 {
    background-image: url("../images/Home-Page_Bottom_01_Breaking.jpg");
}
#P1I02 {
    background-image: url("../images/Home-Page_Bottom_02_Alliances.jpg");
}
#P1I03 {
    background-image: url("../images/Home-Page_Bottom_03_Leaders.jpg");
}

#OPI01W {
    background-image: url("../images/Our-Program_Foci_01_EthnicityW.jpg");
}

#OPI02W {
    background-image: url("../images/Our-Program_Foci_02_WomenW.jpg");
}

#OPI03W {
    background-image: url("../images/Our-Program_Foci_03_AccessibilityW.jpg");
}

#OPI04W {
    background-image: url("../images/Our-Program_Foci_04_MarginalizedW.jpg");
}



/*********************************************************/

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

	.galaImage {
	    background-size: 100% auto;
	    background-position: 50% 50%;
	}

	/*****/

	#P1I01 {
	    background-size: 350px auto;
	    background-repeat: no-repeat;
	    background-color: white;
	}

	#P1I02 {
	    background-size: 350px auto;
	    background-repeat: no-repeat;
	    background-color: white;
	}

	#P1I03 {
	    background-size: 350px auto;
	    background-repeat: no-repeat;
	    background-color: white;
	}

	#OPI01W {
	    background-size: auto 100%;
	    background-position: 50% 100%;
	}

	#OPI02W {
	    background-size: auto 100%;
	    background-position: 50% 100%;
	}


	#OPI03W {
	    background-size: auto 100%;
	    background-position: 50% 100%;
	}


	#OPI04W {
	    background-size: auto 100%;
	    background-position: 50% 100%;
	}


	/*****/



/*********************************************************/

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

	

}

/*********************************************************/

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

	

}

/*********************************************************/

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

	

}

/*********************************************************/

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

	

}

/*********************************************************/

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



	.galaImage {
	    background-size: auto 100%;
	    background-position: 50% 50%;
	}

	#P1I01 {
	    background-size: auto 100%;
	    background-position: 50% 100%;
	}

	#P1I02 {
	    background-size: auto 100%;
	    background-position: 50% 100%;
	}

	#P1I03 {
	    background-size: auto 100%;
	    background-position: 50% 100%;
	}

	#OPI01W {
	    background-size: auto 100%;
	    background-position: 50% 100%;
	}

	#OPI02W {
	    background-size: auto 100%;
	    background-position: 50% 100%;
	}


	#OPI03W {
	    background-size: auto 100%;
	    background-position: 50% 100%;
	}


	#OPI04W {
	    background-size: auto 100%;
	    background-position: 50% 100%;
	}
	

	
	/*****/

	


/*********************************************************/

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

	

}

/*********************************************************/

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



}

/*********************************************************/

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


}

/*********************************************************/

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

	

}

/*********************************************************/

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

	

}

/*********************************************************/