@charset "utf-8";
/* CSS Document */

*
{
	box-sizing: border-box;	
}

.mainGridWrapper
{
	display:grid;
    grid-template-columns:repeat(8, 1fr);
	grid-gap:1em;
   /*  grid-auto-rows: minmax(100px, auto); */
	justify-items:stretch;
    align-items:stretch;
}	

	
.box-logo
{
	grid-column: 1 / 2;
	grid-row: 1;
	/* background-color:#990000; */
}

.box-menu
{
	grid-column: 2/9;
	grid-row: 1;
	align-self:center;
}


.box-introText
{
	grid-column: 1/9;
	grid-row: 3;
}



.box-mainBanner2
{
	grid-column: 1/9;
	grid-row: 5/7;
	font-family:Quicksand, sans-serif;
	color:#663399;
	text-align: center;
	font-size: 1.3em;
}

.box-mainBanner2 img
{
	max-width:100%;
	height: auto;	
}


.box-mainBannerText
{
	grid-column: 1/9;
	grid-row: 3/5;
	minmax: (80px, 200px);
		
}

.box-mainBannerText h1
{
	font-family: 'Didact Gothic', sans-serif; 
	font-size: 3em;
	color: #FFFFFF;
	text-align:center;
	/* background-color:rgba(12, 61, 30, 0.7);
	pale green */
	background-color:rgba(19, 3, 119, 0.3);
	/* pale blue */
	padding: 0.5em;
	display:block;
	margin-top:0;
}


.box-mainBannerTextFarsi
{
	background-color:rgba(19, 3, 119, 0.3);
	/* pale blue */
	display:block;
	margin-top:0;
	height: auto;
	width: 100%;
	grid-column: 1/9;
}

.box-mainBannerTextFarsi h1
{
	font-family: 'Noto Naskh Arabic', sans-serif;
	font-size: 2em;
	color: #FFFFFF;
	text-align:center;
	/* padding: 0.1em 0; */
}

.box-blurb
{
	grid-column: 1/5;
	grid-row: 7;	
}

.box-blurb-img
{
	grid-column: 5/9;
	grid-row: 7;
	overflow-x:hidden;
	align-self:center;
	height: auto;
	
	
}

.box-blurbFarsi
{
	grid-column: 5/9;
	grid-row: 7;
	
}

.box-blurbFarsi p
{
	margin-right: 2em;	
}

.box-blurbFarsi h2
{
	margin-right: 1em;	
}

.box-blurbFarsi-img
{
	grid-column: 1/5;
	grid-row: 7;
	overflow-x:hidden;
	align-self:center;
	height: auto;
	
}

.box-blurbFarsi-img img
{
	/*justify-self:end; */
	max-width: 100%;
	height: auto;
	
	
}


.box-blurb-img img
{
	/*justify-self:end; */
	max-width: 80%;
	height: auto;
	margin-left: 25%;
	
}

.box-gallery
{
	grid-column: 1/9;
	grid-row:8;
	margin-right: 2em;
}

.box-galleryFarsi
{
	grid-column: 1/9;
	grid-row:8;
	margin-right: 2em;
}

.box-gallery p
{
	/* margin-left: 2.7em; CHECK NOW */
}

.box-gallery h2
{
	margin-left: 2.4em;
}


.box-gallery2
{
	grid-column: 2/8;
	grid-row:8;
	background-color:rgba(205, 194, 224, 0.4); /* light purple */
	padding: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
}


.box-blurb li
{
	font-family: 'Montserrat', sans-serif;
	font-size: 1.25em;
	text-align: left;
	/* color: #00af9c; */
	color: #666;
	line-height: 125%;	
	margin-left:10%;	
}



.box-full-width-image
{
	grid-column: 1/9;
	grid-row: 9;
	justify-self:stretch;
	overflow-x:hidden;
}	

.box-full-width-image img
{
	max-width: 100%;
	height: auto;
	justify-self: center;
}

.nestedGalleryGrid
{
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  /*  grid-template-columns:repeat(4, 1fr); */
  /* 	grid-template-columns: auto auto auto; */
	grid-auto-flow: row;
	grid-gap:1em;
	justify-items:center;
    align-items:center;
}	

.nestedGalleryGrid > div
{
	justify-self: center;
	align-self:center;
}

.nestedGalleryGrid > div img
{
	max-width: 275px;
	height:auto;	
}

.nestedGalleryGrid > div img:hover
{
	opacity: 0.5;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;	
}

.nestedGalleryGrid h3
{
	font-family: 'Didact Gothic', sans-serif; 
	text-align:center;
	font-size: 0.85 em;
	color: #FFFFFF;
	background-color:#9894AB; /*Pale Purple */
	display:block;
	padding: 10px;
	margin-top: 0;
}

.box-footerBanner
{
	grid-column: 1/9;
	background-color:rgba(205, 194, 224, 0.8); /*Pale Purple */
	justify-self: stretch;
	grid-gap:0;
	grid-row: 10;
}

.box-footer
{
	grid-column: 1/9;
	/* background-color:#93A78B; /* PALE GREEN */
	background-color:rgba(19, 3, 119, 0.3);
	grid-row: 11;
	
}

.nestedFooterGrid
{
	display:grid;
   	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	/* grid-auto-flow: row; */
	grid-gap:1.5em;
   	justify-items:stretch;
    align-items:start;
	
	
}

.nestedFooterGrid > div
{
	padding: 0.5em;
}

.nestedFooterGrid p
{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.85em;
	text-align:left;
	color: #003366; /*Dark Blue */ 
}	

.nestedFooterGridFarsi
{
	display:grid;
   	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	/* grid-auto-flow: row; */
	grid-gap:1.5em;
   	justify-items:stretch;
    align-items:start;
	
	
}

.nestedFooterGridFarsi > div
{
	padding: 0.5em;
}

.nestedFooterGridFarsi p
{
	font-family: 'Noto Naskh Arabic', sans-serif;
	text-align: right;
	font-size: 0.9em;
	color: #003366; /*Dark Blue */ 
}	


.nestedSpecGrid
{
	display:grid;
	grid-template-columns: 94px, 1fr;
  	grid-auto-flow: row;
	grid-gap:1em;
	justify-items:left;
    align-items:center;
}	

.nestedSpecGrid > div
{
	background-color: #C0D5BB;
}



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

.box-mainBanner2
{
	margin:0 auto;	
}

.box-full-width-image
{
	margin:0 auto;
	width: 100%;
	text-align:center;
}

.box-full-width-image img
{
	margin:0 auto;
	
}
	
}

@media all and (max-width : 1080px) {


.box-logo
{
	grid-column: 1/9;
	grid-row: 1;
	justify-self:center;
}

.box-menu
{
	grid-column: 1/9;
	grid-row: 2;
	justify-self:center;
	align-self:start;
	display:inline-block;
}

.box-introText
{
	grid-column: 1/9;
	grid-row: 3;
}

.box-mainBanner
{
	grid-column: 1/9;
	grid-row: 4/7;
	justify-items:stretch;
}

.box-mainBannerText
{
	grid-column: 1/9;
	grid-row: 4;		
}

.box-mainBannerTextFarsi
{
	grid-column: 1/9;
	grid-row: 4;		
}

.box-mainBannerTextFarsi h1
{
	font-size: 4vw;	
}

}

@media all and (max-width : 900px) {

.box-mainBanner
{
	grid-row: 4/6;
	justify-items:stretch;
}


.nestedGalleryGrid
{
	    grid-template-columns:repeat(2, 1fr);		
}

.box-blurb
{
	grid-column: 1/9;
	grid-row: 7;	
}

.box-blurb-img
{
	grid-column: 1/9;
	grid-row: 8;
}

.box-blurb-img img
{
	justify-self:center;
	margin: 0 10%;
}

.box-blurbFarsi
{
	grid-column: 1/9;
	grid-row: 7;
	
}

.box-blurbFarsi-img
{
	grid-column: 1/9;
	grid-row: 8;
}

.box-blurbFarsi-img img
{
	justify-self:center;
	margin: 0 10%;
	max-width: 90%;
}


.box-full-width-image
{
	grid-row: 10;
}

.box-footerBanner
{
	grid-row:11;
}

.box-footer
{
	grid-row:12;	
}

.box-gallery
{
	grid-column: 1/9;
	grid-row: 9;
	margin-right:0;
}

.box-galleryFarsi
{
	grid-column: 1/9;
	grid-row:9;
}

.box-gallery2
{
	grid-column: 1/9;
	grid-row: 9;
}



}

@media all and (max-width : 600px) {

.box-blurbFarsi-img
{
	grid-row: 8;
	max-width: 100%;
	height: auto;
	position: relative;
	right: 22px;
}
	

.box-blurbFarsi
{
	margin-right: 0;
}


.box-mainBanner
{
	grid-auto-rows: minmax(700px, 800px);	
}

.nestedGalleryGrid
{
	grid-template-columns:repeat(2, 1fr);
}

.mainGridWrapper
{
	grid-template-columns:1fr;
}

.box-logo
{
	/* grid-column: 1; CHECK ME */
	grid-row: 1;
	justify-self:center;
}

.box-menu
{
	/* grid-column: 1; CHECK ME */
	grid-row: 2;
	justify-self:center;
	align-self:stretch;
}

.box-introText
{
	grid-column: 1;
	grid-row: 3;	
}

.box-mainBanner
{
	grid-column: 1;
	grid-row: 4;
	justify-items:stretch;
}

.box-mainBanner2
{
	grid-column:1;
	grid-row: 3;
	text-align: center;
	margin: 0;
}



.box-mainBannerText
{
	/* grid-column: 1; CHECK ME */
	grid-row: 4;	
}

.box-mainBannerText h1
{
	font-size: 6vw;	
}

.box-mainBannerTextFarsi
{
	/* grid-column: 1;  CHECK ME */
	grid-row: 4;	
}

.box-mainBannerTextFarsi h1
{
	font-size: 6vw;	
}


.box-gallery
{
	/* grid-column: 1; CHECK ME */
	grid-row:7;
		
}

.box-gallery2
{
 /*	grid-column: 1; CHECK ME */
	grid-row: 7;
}

.box-blurb
{
	/* grid-column: 1; CHECK ME */
	grid-row: 5;	
}

.box-blurb p
{
	text-align:left;

}

.box-blurb-img
{
	/* grid-column: 1; CHECK ME */
	grid-row: 6;
	justify-self:stretch;
}

.box-full-width-image
{
	/* grid-column: 1; CHECK ME */
	grid-row: 8;
}

.box-footerBanner
{
	grid-column: 1;
	grid-row:9;
}


.box-footer
{
	/* grid-column: 1; CHECK ME */
	grid-row:10;
}


}

@media all and (max-width : 500px){
	.nestedGalleryGrid
{
	    grid-template-columns:1fr;	
}
}