@media (orientation: landscape) <!--  computer screen -->
{
   body {
       font-size: 17px; 
   }
   
   h1
   {
       font-size:24px;
   }
   
   textarea
   {
       font-size: 100%;
   }
   
   input
   {
       font-size:100%;
       font-size: 170%;
       padding-left: 5px; 
       padding-right: 5px; 
       padding-top: 5px; 
       padding-bottom: 5px;
       margin-bottom: 10px;
   }
   
   a {
       font-size: 100%;
   }
   
	/* unvisited link */
	a:link {
	  color: white;
	}
	
	/* visited link */
	a:visited {
	  color: white;
	}
	
	/* mouse over link */
	a:hover {
	  color: red;
	}
	
	/* selected link */
	a:active {
	  color: blue;
	}   
      
	a:-webkit-any-link {
	    color: -white;
	    cursor: pointer;
	    /*text-decoration: underline;*/
	}
      
   .logincss {
   	font-size: 100%; 
   }
   
   .dashboard_data {
   	font-size: 100%;
   }
   
   .rstitle {
   	font-size: 200%;
   	color: white;
   }

	#rcorners2 {
	  border-radius: 25px;
	  border: 2px solid #880000;
	  background: #444444;
	  padding: 20px;
	  width: 650px;
	  height: 150px;
	}



   body {
       font-size: 17px; 
   }
   
   h1 {
       font-size:24px;
   }
   
   textarea {
       font-size: 100%;
   }
   
   input
   {
       font-size:100%;
       font-size: 170%;
       padding-left: 5px; 
       padding-right: 5px; 
       padding-top: 5px; 
       padding-bottom: 5px;
       margin-bottom: 10px;
   }
   
   a, a:hover, a:active, a:visited { 
   	   color: white;
       font-size: 100%;
   }
   
   
   .link_white {
   	font-size: 200%;
   	color: white;
   }
   
   
	#rcorners2 {
	  border-radius: 25px;
	  border: 2px solid #880000;
	  background: #444444;
	  padding: 20px;
	  width: 800px;
	  height: 150px;
	}

}



@media only screen and (hover: none) and (pointer: coarse) { 

	body {
		font-size: 250%;
		color: red;
	}
	
   body
   {
       font-size: 150%; 
   }
   
   h1
   {
       font-size: 170%; 
   }
   
   textarea
   {
       font-size: 170%; 
   }
   
   input
   {
       font-size: 170%;
       padding-left: 5px; 
       padding-right: 5px; 
       padding-top: 5px; 
       padding-bottom: 5px;
       margin-bottom: 10px;
   }
   
   a, a:hover, a:active, a:visited { 
   	   color: white;
       font-size: 200%;
   }
   
   .logincss {
   	font-size: 100%; 
   }
   
   .link_white {
   	font-size: 200%;
   	color: white;
   }
   
   .dashbord_data {
   	font-size: 200%;   	
   }
   
   .rstitle {
   	font-size: 200%;
   	color: white; 
   }

	#rcorners2 {
	  border-radius: 25px;
	  border: 2px solid #880000;
	  background: #444444;
	  padding: 20px;
	  width: 650px;
	  height: 150px;
	}
}