
h1
{
		font-size: 18px;
		font-family: Arial;
}

	body
	{
		height:98%; width:98%; 
	        font-size: 16px;
	        font-family: Arial;
		height:100%;
	}
	
	.container
	{
		border-left:none;
		border-right:none;
		text-align:center;
	}
	
	.container2
	{
		border-left:none;
		border-right:none;
		text-align:center;
	}
	
	
	
@media screen and (min-width: 200px) and (max-width: 999px)
{
	.desktop{display:none;}
    .bigtabs{display:none;}

	
   
  	.container div
   	{
		max-width:700px;
		padding: 5px;
		display: inline-block;
		vertical-align: top;
	} 
	
	.container2 div
   	{
		max-width:700px;
		padding: 5px;
		display: inline-block;
		vertical-align: top;
	} 

	.frame
	{
		max-width:999px; 
    }
	
	
	
}


@media screen and (min-width: 1000px) and (max-width: 1249px)
{
   .mobile{display:none;}
   .bigtabs{display:none;}
   
   
   
  	.container div
   	{
		width:470px;
		padding: 10px;
		display: inline-block;
		
		vertical-align: top;
		/* border-style:dotted;  */
	} 
	
	.container2 div
   	{
/*		max-width:1000px; */
		padding-left : 15px;
		display: inline-block;
		vertical-align: top;
	} 

	.frame
	{
		/* border-style: outset; */
		width:1000px; 
		/* background: url(images/rightcorner.jpg) no-repeat top right; */
	   	
		
    }
}


@media screen and (min-width: 1250px) and (max-width: 4000px)
{
    .mobile{display:none;}
	.smltabs{display:none;}
   
  	.container div
   	{
		width:450px;
		padding: 10px;
		display: inline-block;
		
		vertical-align: top;
		/* border-style:dotted;  */
	} 
	
	.container2 div
   	{
/*		max-width:1000px; */
		padding-left : 15px;
		display: inline-block;
		vertical-align: top;
	} 

	.frame
	{
		/* border-style: outset; */
		width:1150px; 
		background: url(images/rightcorner.jpg) no-repeat top right;
	   	
		
    }
}
