@charset "utf-8";
.HomeLink{
color:black !important;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@♥♥♥♥♥Start Home Page Styles♥♥♥♥♥@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*Start Home Page Header Styles*/
#HomeHeader{
height:340px;
}
#HomeHeaderRow{
height:390px ;
}
#HeaderHomePagePhotoBox{
width:100%;		
height:auto;
float:left;
}
#HeaderHomePagePhoto{
width:754px;		
height:275px;
background-image:url("https://svamytest.frogwebbworks.com/wp-content/uploads/HomeMainImage-A.png");
background-repeat: no-repeat;	
background-size: contain;		
display:inline-block;
vertical-align: top;
}

/*End Home Page Header Styles*/
#HomePageBody{
padding:0px;
margin-top:-50px;
}
#HomePageIntroText{
font-size: 18px;
font-weight: normal;
}
#HomePageMainPicBox{
width:500px;
height:auto;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);	
}
#HomePageMainPic{
width:500px;
height:355px;	
background-image:url("https://svamytest.frogwebbworks.com/wp-content/uploads/CampusDrawing.jpg");
background-repeat: no-repeat;	
background-size: contain;
	
}
#HomePageMainPicTxt{
width:100%;
height:auto;	
font-size:15px;
text-align: center;
font-style: italic; 
float:left;
}


/*@@@@@@@@@@@@@ START HOME PAGE MOBILE STYLES @@@@@@@@@@@@@*/
/*☼☼☼Start Mobile Home Header Styles☼☼☼*/
@media screen and (max-width: 757px){
#HeaderHomePagePhoto{
width:100%;	
background-size: 100% 100%;	
}

}
@media screen and (max-width: 675px){
#HomeHeaderRow #MenuBarButtons{
margin-top:-25px;
border-top-color:#EF5350;	
border-top-style: solid;
border-top-width: thick; 
}
}
@media screen and (max-width: 620px){
#HomeHeader{
height:400px;
}
#HomeHeaderRow{
height:450px ;
}
}
/*☼☼☼End Mobile Home Header Styles☼☼☼*/

@media screen and (max-width: 1064px){
#HomePageMainPicBox{
width:400px;
}
#HomePageMainPic{
width:400px;
height:284px;	
}

}
@media screen and (max-width: 840px){
#HomePageMainPicBox{
width:350px;
}
#HomePageMainPic{
width:350px;
height:249px;	
}

}
@media screen and (max-width: 732px){
#HomePageMainPicBox{
width:300px;
}
#HomePageMainPic{
width:300px;
height:213px;	
}

}

@media screen and (max-width: 620px){
#HomePageMainPicBox{
width:100vw;
top: 0px;
left: 0px;
-ms-transform: translate(-0%, -0%);
transform: translate(-0%, -0%);		
}
#HomePageMainPic{
width:100vw;
height:60vw;	
background-size: 100% 100%;
}
#HomePageMainPicTxt{
width:100vw;
height:auto;
margin-bottom:10px;
}

#HomePageBody .PageIntroText{
margin-top:20px;
}
	
}
/*@@@@@@@@@@@@@ END HOME PAGE MOBILE STYLES @@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@♥♥♥♥♥End Home Page Styles♥♥♥♥♥@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/