#log{
			width:50px;
			height:50px;
		}
		#head{
			font-size: 22px;
			color: white;
		}

		#login{
			border-left: 20px solid rgb(0,134,165);
			padding-top: 20px;
			padding-bottom: 20px;
			padding-right: 10px;
			padding-left: 10px;
			margin: auto;
 		 	width: 95%;
 		 	background-color: black;
 		 	opacity: 0.85;
		}

		table{
			margin: auto;
 		 	width: 60%;
 		 	border: 2px solid rgb(60,60,60);
 		 	border-radius: 5px;
		}

		h2,.definer{
			color: white;
		}

		#submit{
			border-radius: 10px;
			padding-left: 20px;
			padding-right: 20px;
			font-size: 20px;
			font-family: "Times New Roman", Times, serif;
			background-color: rgb(60,60,60);
			color: white;
			opacity: 0.85;
			cursor: pointer;
		}

		td,tr{
			color: white;
		}


		@media (min-width:320px)  
	    { /* smartphones, iPhone, portrait 480x320 phones */ 
	    	#log{
	    		width:30px;
	    		height:30px;
	    	}

	    	#head{
	    		font-size: 20px;
	    	}

	    	#login{
	    		width: 95%;
	    	}

	    	table{
	    		width: 100%;
	    	}
		}

		@media (min-width:641px)  
	 	{
	 		#log{
	    		width: 50px;
	    		height: 50px;
	    	}

	 		#head{
	    		font-size: 25px;
	    	}

	 		#login{
	 			width: 95%;
	 		}

	 		table{
	 			width: 80%;
	 		}
	 	}

	 	@media (min-width: 961px)
	 	{
	 		table{
	 			width:95%;
	 		}
	 	}









	 	#log{
			width:50px;
			height:50px;
		}
		#head{
			font-size: 22px;
			color: white;
		}

		#login{
			border-left: 20px solid rgb(0,55,65);
			padding-top: 20px;
			padding-bottom: 20px;
			padding-right: 10px;
			padding-left: 10px;
			margin: auto;
 		 	width: 95%;
 		 	background-color: black;
 		 	opacity: 0.85;
		}

		table{
			margin: auto;
 		 	width: 60%;
 		 	border: 2px solid rgb(60,60,60);
 		 	border-radius: 5px;
		}

		h2,.definer{
			color: white;
		}

		#submit{
			border-radius: 10px;
			padding-left: 20px;
			padding-right: 20px;
			font-size: 20px;
			font-family: "Times New Roman", Times, serif;
			background-color: rgb(60,60,60);
			color: white;
			opacity: 0.85;
			cursor: pointer;
		}

		td,tr{
			color: white;
		}


		@media (min-width:320px)  
	    { /* smartphones, iPhone, portrait 480x320 phones */ 
	    	#log{
	    		width:30px;
	    		height:30px;
	    	}

	    	#head{
	    		font-size: 20px;
	    	}

	    	#login{
	    		width: 95%;
	    	}

	    	table{
	    		width: 100%;
	    	}
		}

		@media (min-width:641px)  
	 	{
	 		#log{
	    		width: 50px;
	    		height: 50px;
	    	}

	 		#head{
	    		font-size: 25px;
	    	}

	 		#login{
	 			width: 95%;
	 		}

	 		table{
	 			width: 80%;
	 		}
	 	}

	 	@media (min-width: 961px)
	 	{
	 		table{
	 			width:95%;
	 		}
	 	}