.auto {
float: left;
margin: 30px;
width: 200px;
}



			@media screen and (max-width: 600px) {

			#tabellebilder {
			margin: auto;
			width: 250px;
			line-height: 20px;
			}

			.auto {
				margin-bottom: 10px;
				}
				
				.footerdiv {
				margin: 0 auto;
				width: 175px;
				line-height: 20px;
				float: left;
				}
				
			}
			
						@media screen and (min-width: 601px) and (max-width: 800px) {

						#tabellebilder {
						width: 500px;
						margin: auto;
						line-height: 20px;
						}

						.auto {
						float: left;
						margin: 25px;
						width: 200px;
						}
							
						}


							
							@media screen and (min-width: 801px) and (max-width: 900px) {

							#tabellebilder {
							width: 600px;
							margin: auto;
							line-height: 20px;
							}

							.auto {
							float: left;
							margin: 50px;
							width: 200px;
							}
								
							}
							
							
									@media screen and (min-width: 901px) {

									#tabellebilder {
									width: 750px;
									margin: auto;
									line-height: 20px;
									}

									.auto {
									float: left;
									margin: 25px;
									width: 200px;
									}
										
									}




									



@media screen and (max-width: 1340px) {

.f12 {
font-size: 11px;
}

}


@media screen and (min-width: 1341px) {

.f12 {
font-size: 12px;
}

}