@charset "utf-8";
/* CSS Document */

#left{
	vertical-align: top;
	float: left;
}

#right{
	float: left; 
}

#logos{
	background: white;
	border-width: 10px;
	border: lightgray;
	border-style: groove;
}

/* Desktops */
@media screen and (min-width:1024px)
{
	#right{
		width: 45%;
	}
	
	#pic_outfeed{
	width: 440px;
	margin-right: 10px;
	}
	
	#logos{
	width: 460px;
	height: 180px;
	}
	
	#pic_metsa{
	width: 140px;
	margin-left: 20px;
	}

	#pic_lava{
	width: 100px;
	margin-left: 30px;
	}

	#pic_myers{
	width: 100px;
	margin-left: 20px;
	}

	#pic_sca{
	width: 100px;
	margin-left: 20px;
	}

	#pic_international{
	width: 100px;
	margin-left: 30px;
	}

	#pic_hoppings{
	width: 100px;
	margin-left: 20px;
	}
}

/* Tablets */
@media screen and (min-width:480px) and (max-width:1024px)
{
	.container_page{
		float: left;
	}
	
	#pic_outfeed{
	width: 280px;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
	#logos{
	width: 340px;
	height: 80px;
	}
	
	#pic_metsa{
	width: 113px;
	margin-left: 16px;
	}

	#pic_lava{
	width: 81px;
	margin-left: 24px;
	}

	#pic_myers{
	width: 81px;
	margin-left: 16px;
	}

	#pic_sca{
	width: 81px;
	margin-left: 16px;
	}

	#pic_international{
	width: 81px;
	margin-left: 24px;
	}

	#pic_hoppings{
	width: 81px;
	margin-left: 16px;
	}
}

/* Phones */
@media screen and (max-width:480px)
{
	#pic_outfeed{
	width: 200px;
	margin-right: 10px;
	margin-bottom: 10px;		
	}

	#logos{
	width: 300px;
	height: 50px;
	}
	
	#pic_metsa{
	width: 101px;
	margin-left: 14px;
	}

	#pic_lava{
	width: 70px;
	margin-left: 22px;
	}

	#pic_myers{
	width: 70px;
	margin-left: 14px;
	}

	#pic_sca{
	width: 70px;
	margin-left: 14px;
	}

	#pic_international{
	width: 70px;
	margin-left: 22px;
	}

	#pic_hoppings{
	width: 70px;
	margin-left: 14px;
	}
}