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



/* Resize Header and Menu */
@media only screen and (max-width:950px) { 
h2{ font-size: 350% !important; }  
ul#css3menu1 a{ font:13px black; font-family: 'Cinzel Decorative', cursive; 
padding:0px 4px; }
}

@media only screen and (max-width:850px) { 
h1.MainTitle{ font-size: 375%;} 
h2{ font-size: 300% !important; } 

ul#css3menu1 li.topmenu>a{margin:2px;} ul#css3menu1 a { padding:2px 3px;}
.center-menu {background:none !important;}

}

@media only screen and (max-width:768px) { 
h1.MainTitle{ font-size: 350% !important; } 
h2{ font-size: 300% !important; -webkit-text-stroke: 0px white; letter-spacing:-1px;}  
ul#css3menu1 li.topmenu>a{ margin:1px; }

}



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

h2{ font-size: 250% !important;  } #Mylogo {width:100px; float:none;} 

ul#css3menu1 li.topmenu>a{margin:1px;}
ul#css3menu1 a { font-size:12px!important; padding:2px 2px;}
.monkeybg {background-image:url(Images/Pages/Monkey-Jumping.svg); padding-top: 22.75%; background-size:cover; background-repeat:no-repeat;}

}

@media only screen and (max-width:568px) { 
h1.MainTitle{ font-size: 250% !important;} 
h2{ font-size: 250% !important;  } .Mylogo {width:75px;  float:none;} 
ul#css3menu1 li.topmenu>a {
background:rgba(151,159,60,0.15); 
border:rgba(151,159,60,0.5) 1px solid; 
border-radius:2px; } 
ul#css3menu1 a{ font:14px black; font-family: 'Cinzel Decorative', cursive; 
padding:4px 4px; }
ul#css3menu1 li { width:49%; padding:0.5%; }
}

@media only screen and (max-width:480px) { 
h1.MainTitle{font-size: 300% !important; }
#righttree { display:none;}
#lefttree { display:none;}
.centeronmobile { text-align:center; float:none;}
ul#css3menu1 li { width:98%; padding:0.5%; }
}



@media only screen and (max-width: 480px) { /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

/*  GRID OF TWO  */
.span_2_of_2 { width: 100%; margin-left: 0;}
.span_1_of_2 { width: 100%; margin-left: 0;}
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; margin-left: 0;}
.span_2_of_3 { width: 100%; margin-left: 0;}
.span_1_of_3 { width: 100%; margin-left: 0;}
/*  GRID OF FOUR */
.span_4_of_4 { width: 100%; margin-left: 0;}
.span_3_of_4 { width: 100%; margin-left: 0;}
.span_2_of_4 { width: 100%; margin-left: 0;}
.span_1_of_4 { width: 100%; margin-left: 0;}
/*  GRID OF SIX */
.span_6_of_6 { width: 100%; margin-left: 0;}
.span_5_of_6 { width: 100%; margin-left: 0;}
.span_4_of_6 { width: 100%; margin-left: 0;}
.span_3_of_6 { width: 100%; margin-left: 0;}
.span_2_of_6 { width: 100%; margin-left: 0;}
.span_1_of_6 { width: 100%; margin-left: 0;}
}


@media only screen and (max-width:380px) { 
h1.MainTitle{ font-size: 300% !important; }
}