body{

      background-color: #7692cf; 
}  

	
   .heading
   {
   	font-family: 'Arial', cursive;
	   font-size:600%;
	   color: #ffffff;
	   text-align:center;
	   width:50%;
   }	
	.fancy
	{
	   font-family: 'Arial', cursive;
	   font-size:300%;
	   background-color: #3F3FB5; color: #ffffff;
	   text-align:center;
	}
	.fancyPressed
	{
	   font-family: 'Arial', cursive;
	   font-size:300%;
	   background-color: #ffffff; color: #3F3FB5;
	   text-align:center;
	}
	.mbutton{
	    min-height: 30px;
	    min-width: 300;
	    max-width:800px;
	    width:  35%; 
	    color: #ffffff;
	}

  
.text{
	   background-color: #ffffff;
}
.ctext{
	color: #3F3FB5;
}
.bgtext{		
		background-color: rgba(255 ,255 ,255 ,75% );
}
.hbtext{
        color:#d9b2da;
        background-color:#92009a;
}
.htext{
        color:#d9b2da;
}
@media (height<600px)
{
body
	{
		background-image:url("InsideOasisP84-sfog.gif");
      background-repeat:repeat-x;
      background-color: #7692cf;
	}
}


@media (height>599px)
{
body
	{
		background-image: url("OasisP109.png"), url("water1.png"),linear-gradient(to bottom, rgba(0, 0, 255) 0%, rgba(0, 0, 0) 100%);
      background-repeat:repeat-x , repeat ;
      background-color: #7692cf; 
      
      
	}
}

@media (max-width: 350px)
{
	
	.heading
   {
   	font-family: 'Arial', cursive;
	   font-size:300%;
	   color: #ffffff;
	   text-align:center;
	   width:70%;
   }	
	.fancy
	{
	   font-family: 'Arial', cursive;
	   font-size:100%;
	   background-color: #3F3FB5; color: #ffffff;
	   text-align:center;
	}
	.fancyPressed
	{
	   font-family: 'Arial', cursive;
	   font-size:100%;
	   background-color: #ffffff; color: #3F3FB5;
	   text-align:center;
	}
	.mbutton{
	    min-height: 20;
	    min-width: 200;
	    width:90%;
	    height:30px;
	    color: #ffffff;
	}
}

@media (min-width: 350px) and (max-width: 500px)
{
	
	.heading
   {
   	font-family: 'Arial', cursive;
	   font-size:300%;
	   color: #ffffff;
	   text-align:center;
	   width:70%;
   }	
	.fancy
	{
	   font-family: 'Arial', cursive;
	   font-size:200%;
	   background-color: #3F3FB5; color: #ffffff;
	   text-align:center;
	}
	.fancyPressed
	{
	   font-family: 'Arial', cursive;
	   font-size:200%;
	   background-color: #ffffff; color: #3F3FB5;
	   text-align:center;
	}
	.mbutton{
	    min-height: 20;
	    min-width: 200;
	    width:90%;
	    color: #ffffff;
	}
}

@media (min-width: 499px) and (max-width: 1600px)
{
	
   .heading
   {
   	font-family: 'Arial', cursive;
	   font-size:300%;
	   color: #ffffff;
	   text-align:center;
	   width:50%;
   }	
	.fancy
	{
	   font-family: 'Arial', cursive;
	   font-size:300%;
	   background-color: #3F3FB5; color: #ffffff;
	   text-align:center;
	}
	.fancyPressed
	{
	   font-family: 'Arial', cursive;
	   font-size:300%;
	   background-color: #ffffff; color: #3F3FB5;
	   text-align:center;
	}
	.mbutton{
	    min-height: 30px;
	    min-width: 300;
	    max-width:400px;
	    width:  35%; 
	    color: #ffffff;
	}
}

@media (width>1599px)
{
	
   .heading
   {
   	font-family: 'Arial', cursive;
	   font-size:600%;
	   color: #ffffff;
	   text-align:center;
	   width:50%;
   }	
	.fancy
	{
	   font-family: 'Arial', cursive;
	   font-size:300%;
	   background-color: #3F3FB5; color: #ffffff;
	   text-align:center;
	}
	.fancyPressed
	{
	   font-family: 'Arial', cursive;
	   font-size:300%;
	   background-color: #ffffff; color: #3F3FB5;
	   text-align:center;
	}
	.mbutton{
	    min-height: 30px;
	    min-width: 300;
	    max-width:800px;
	    width:  35%; 
	    color: #ffffff;
	}
}