@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
*{
	font-family:"open_sanslight";
	font-family:"Bebas Neue";
	
	-moz-box-sizing: border-box;
	-webkit-sizing: border-box;
	box-sizing: border-box;
}




body, html{
	font-size:16px;
	margin:0px;

}

.bannerbase{
	width:100%;
	height:800px;
	background-image: url("../Images/beautyradiates3.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	text-align:center;


	
}


.bannerCNT{
	width:100%;
	height:70%;
	display:flex;
	flex-flow: row nowrap;
	justify-content:center;
	padding:3rem;
	padding-left:6rem;
	padding-right:6rem;
	


}


.bannerbottom{
	width:100%;
	height:30%;
	font-family:'Roboto';
	font-size:4rem;
	font-weight:bold;
	text-align:left;
	color:white;
	padding-left:6rem;
	padding-right:6rem;

}

.bannerboxleft{
	width:50%;
	height:auto;
	text-align:left;
	color:red;
	font-size:4rem;
	font-family:"Bebas Neue";
	color:white;
	
	vertical-align:top;

}

.bannerboxright{
	width:50%;
	height:auto;
	text-align:left;
	color:red;
	font-size:1.5rem;
	color:white;
	text-align:right;
	padding-top:0.4rem;
	

}

.bannerboxright a{
	text-decoration: none;
	color:white;
}

.donatebutton{
	width:auto;
	height:auto;
	text-align:center;
	background-color:#e4e4ed;
	color:black;
	border-radius:3px;
	display:inline;
	font-size:2.5rem;

	padding:2rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	letter-spacing:0.5rem;
	border:1px solid transparent;
}

.donatebutton a{
	text-decoration: none;
	color:black;

}

.donatesmall{
	font-size:1rem;
}


.donatebutton:hover{
		background-color:#e4e4ed8a;
		border:1px solid black;
		transition:background-color, border 0.2s;
}

.buttclr{
	background-color:#e3e7e338;
}


.titlebanner{
	width:100%;
	height:auto;
	letter-spacing: 0.7rem;
	padding-top:4rem;
	text-align:center;
	font-size:3rem;
}

.titlebannersm{
	
	letter-spacing: 0.7rem;
	
	text-align:left;
	font-size:2rem;
}

.bullettitle{
	font-family:"Bebas Neue";
	font-size:1.2rem;
	background-color:lightgray;
	letter-spacing:0.2rem;
	padding:5px;
	padding-bottom:1px;
	margin-bottom:1rem;

}

.bullettitle2{
	font-family:"Bebas Neue";
	font-size:1.2rem;
	background-color:lightgray;
	display:inline-block;
	padding:5px;
	padding-bottom:2px;
	margin-bottom:0.5rem;

}

.e{
	letter-spacing:0px;
}

.section{
	width:100%;
	height:auto;
	
	display:flex;
	justify-content: center;
	
	margin:auto;
	
	padding:5rem;
	padding-top:3rem;
	
	


}

.section2{
	width:100%;
	height:auto;
	
	display:flex;

	
	margin:auto;
	vertical-align:top;
	padding-right:5rem;
	padding-left:5rem;
	padding-top:0px;
	
	
	margin:auto;
	
}

.sectionbox{
		
	width:33.33%;
	
	
	height:auto;
	
	text-align:center;
	margin:auto;
	padding:1rem;
	padding-top:0rem;

	

}

.sectionbox2{
		
	width:33.33%;
		display:inline-block;

	height:auto;
	vertical-align:top;
	
	
	padding:3rem;
	padding-top:0rem;
	padding-bottom:6rem;

	

}

.textbox{
	width:100%;
	height:auto;
	font-family:"Roboto";
	line-height:1.4rem;
	
	vertical-align:top;
	text-align:left;
}

.imgbox{
	width:100%;
	height:100%;
	padding:0.4rem;
	padding-bottom:0.1rem;
	
	border:8px solid #ede8e8;
	margin:auto;
}



.whatisCNT{
	width:100%;
	height:600px;
	background-image: url("../Images/studentsinghanab5.png");
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top center;
	text-align:center;

	padding:6rem;
	text-align:center;
	margin:auto;
	
	text-align:left;
	font-size:3rem;
	color:white;
	padding-top:10%;


}

.whatis2CNT{
	width:100%;
	height:auto;
	display:flex;
	gap:50px;

}


.leftbox{
	width:50%;
	height:100%;
	
	display:inline-block;
	padding:6rem;
	padding-right:0rem;
	font-family:"Roboto";

	line-height:1.6rem;
}


.rightbox{
	

	width:50%;
	height:100%;
	
	display:inline-block;
	padding:3rem;
}


.rightbox img{
	margin-top:10rem;
}


.pleaCNT{
	width:100%;
	height:auto;
	max-height:auto;
	background-image: url("../Images/evobanner.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top right;
	text-align:center;

	padding:6rem;
	text-align:center;
	margin:auto;
	
	text-align:left;
	font-size:4rem;
	color:white;
	margin-top:7rem;


}

.medtext{
	font-size:2rem;
	background-color:transparent;
	font-weight:normal;
}


.scholarshipCNT{
	width:100%;
	height:auto;
	display:flex;
	margin-top:4rem;
	margin-bottom:3rem;
}

.scholarshipleft{
	width:40%;
	
	padding:4rem;

	
}

.scholarshipright{
	width:60%;
	
	
	text-align:center;
	line-height:1.9rem;
	padding-top:4rem;
	


}

.memorialtext{
	font-size:3rem;
	font-family:"Italianno";
	color:#3d3db9;

}

.doctext{
	background-color:transparent;
	font-family:"Italianno";
	font-size:6rem;
}

.scholarshipbody{
	text-align:left;
	line-height:1.7rem;
	font-family:"Roboto";
	padding:4rem;

}


.footer{
	height:auto;
	width:100%;
	background-color:#191919;
	font-family:"Roboto";
	text-align:center;
	font-size:0.8rem;
	color:gray;
	padding:1rem;

}




/* Desktop Layout: greater than 1280 */




@media only screen and (max-width: 860px) {


.section{
	display:inline-block;
}

.sectionbox{
	width:80%;
}

.section2{
	display:inline-block;

}
.sectionbox2{
	display:inline-block;
	width:100%;
}

.textbox{
	width:100%;
	display:inline-block;
}

.whatis2CNT{
	padding-top:0rem;
	display:block;
}

.leftbox{
	width:100%;
	padding:5rem;
	padding-top:0px;

}

.rightbox{
	width:100%;
	
}

.rightbox img{
	margin-top:0px;
}

.scholarshipCNT{
	display:block;
}

.scholarshipleft{
	width:100%;
}

.scholarshipright{
	width:100%;
}

}


@media only screen and (max-width: 680px) {

	
}







/* Tablet layout */
@media only screen and (max-width: 440px) {



}




/* Mobile Layout:  min of 480px .  I80erits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (max-width: 480px) {

.bannerboxleft{
	color:yellow;
}

.textbox{
	width:100%;
	display:inline-block;
}


.scholarshipright{
	padding:1rem;
}


}

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