@media only screen and (max-width:480px) { 
  .bt {
	width: 100%;
  }
}
input[type=submit] {
  background-color: #ec775f;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

	#navbar {
		overflow: hidden;
		width: 100%;
		margin: 0;
		padding: 0;
		height: 55px;
		background-color:darkorange;
		top: 0;
		left: 0;
		position: fixed;
	}
	body {
		line-height: 1;
		margin: 0;
		padding: 0;
	}
	#body {
		margin: 6px;
		padding: 6px;
	}
	#main {
		margin: 6px;
		padding: 6px;
		margin-top: 55px;
	}
	#navbar a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		text-decoration: none;
		font-size: 20px;
		font-weight: bold;
		margin: 17px;
	}
	a img {
		top: 25%;
		left: 21px;
		position: absolute;
		
	}
	.zoom {
		transition: transform .2s; /* Animation */
	}
	.zoom:hover {
		transform: scale(1.8); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}