body 	{width: 100%; 
		 height: 768px;
		 background-color: #efdfbb;
		 font-family: Georgia, serif;
		 padding-left: 20px;
		 padding-right: 20px;
		 }

header	{background-image: url(images/4tractor.jpg);
		  width: 100%;
		  background-repeat: no-repeat;
		  padding-top: 130px;
		  padding-bottom: 10px;
		}

footer	{padding-top: 25px;
		 padding-bottom: 25px;
		 clear: right;
		}

h1		{background-color: white;
		 opacity: 0.5;
		 padding-left: 80px;	
		 padding-top: 10px;
		 padding-bottom: 10px;
		 width: 495px;
		}

nav		{font-family: Tahoma, sans-serif;
		 padding-top: 25px;
		 padding-bottom: 25px;
		}

nav ul li 	{display: inline;
		padding: 10px 15px;
		background-color: #efdfbb;
		font-size: large;
		font-weight: bold;
		text-align: center;
		border-radius: 15px;
		list-style-type: none;
		border: 3px solid black;
		}



nav a:link		{color: black; }
nav a:visited 	{color: #3a5f3a; }
nav a:hover	{color: red; }
nav a:active	{color: red; font-weight: bolder; }





#tractors ul li	{padding-bottom: 10px;
			 list-style-image: url(images/point.png);
			}



#gallery	{
		 display: flex;
		 flex-wrap: wrap;
		 flex-direction: row;
		 justify-content: center;
		 align-items: center;
		 padding-left: 20px;
		}

.trans		{border: 5px solid black;
			 border-radius: 10px;	
			 margin: 10px;
			 transform:
           	         perspective(300px)
    	                 rotateX(25deg);
			 box-shadow: 10px 10px 10px #555555;
			 width: 30%;
			}

 #list		{float: left;
		 width: 350px; 
		}

form table {
		   border: 10px double black;
		   background-color: #cccab3;
		   padding: 10px;
		    }

form th 	{
		  font-family: Arial Narrow, sans-serif;
		  font-size: large;
		  padding: 10px;
		 }

form td:last-of-type {text-align: left;
				padding-left: 20px;
				}


	
.atr		{font-family: Tahoma, sans-serif;
		 font-size: 12px;
		}

table		 {
		  border: 10px solid black	;
		  padding: 20px;
		  border-collapse: collapse;
		  margin-right: 40px;
		  margin-left: 20px;
	       	 }

td	         {border: 2px solid black;
		  padding: 8px;
		 }

th 		{border: 2px solid black;
		 padding: 8px; 
		 font-size: x-large; 
		 text-transform: uppercase;
		 color: white;	
		 background-color: black;
		 font-family: Arial Narrow, sans-serif;
		 }

td:first-of-type 		{text-align: right; 
				font-weight: bold;
				}

td:last-of-type 		{text-align:center;
				}

tr:nth-of-type(even) {background-color: #cccab3;
				}

.pic		{border: 5px solid black;
		}


@media (max-width: 600px)	
		{
		
		body		{width: 600px;
				 padding-right: 20px;
				 margin-right: 20px;
				}
		main		{max-width: fit-content;
				 padding-right: 25px;
				}
		footer	{clear: both;
				}

		}


@media	(min-width: 625px)
		
		{

		body		{width: 1024px;}

                 #wrapper {width: 90%;
				 background-color: #f0ead6;
				 margin: auto;
				 margin-left: 5%;
				 padding: 75px;
				}

		#life		{
				 display: grid;
				 grid-template-columns: 225px 225px;
				 grid-template-rows: auto;
				 column-gap: 2em;
				 padding-left: 50px;
		 		}

		#intro	{float: left;
				 width: 400px;
				}

		#tractors	{float: left;
				 width: 250px;
				}

		#other	{padding-left: 300px;
				}

		#mfr		{display: grid;
				 grid-row-gap: 1em;
				 float:left;
                 		 padding-right: 50px;
				 width: 260px;
		 		}

		#item	{float: left;	
				 width: 300px;
				 margin-right: 75px;
				 margin-bottom: 10px;
				}

		footer	{clear: both;}
		}