body {
	font-family: 'Work Sans', sans-serif;
	min-width: 342px;
}

header {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-template-rows: 60px;
	text-align: center;
	background-color: #0D56FF;
}

.logo img {
	width: 125px;
	margin: 15px;
	transition: 500ms;
}

nav a {
	font-size: 15px;
	margin: 10px;
	text-decoration: unset;
	transition: 500ms;
	color: #48E81F;
}

nav {
	margin-top: auto;
	margin-bottom: auto;
}	

h1 a {
	text-decoration: unset;
	font-size: 30px;
	color: #BB2900;
	transition: 500ms;
	margin: 15px;
}

h1 {
	margin-top: 11px;
	margin-bottom: 11px;
}

nav a:hover {
	font-size: 18px;
	color: #BB2900;
}

h1 a:hover {
	font-size: 33px;
}

.logo img:hover {
	width: 135px;
}

.br {
	display: none;
}
_______________________________________________________________

main {
	display: flex;
}

.maintabelle {
	display: flex;
	justify-content: space-around;
	margin-bottom: 75px;
}

.data1b img {
	width: 275px;
	margin: 37px;
	transition: 500ms;
	margin-top: 125px;
}

.data1t {
	margin-top: 75px;
}

.data2b img {
	width: 350px;
	transition: 500ms;
}

.data3b img {
	width: 325px;
	transition: 500ms;
}

.iphonexs {
	padding: 10px;
	padding-left: 50px;
}

.iphonex {
	padding: 10px;
	padding-left: 50px;
}

.iphone8 {
	padding: 10px;
	padding-left: 50px;
}

.data1t tr th {
	text-align: left;
	transition: 500ms;
}

.data2t tr th {
	text-align: left;
	transition: 500ms;
}

.data3t tr th {
	text-align: left;
	transition: 500ms;
}

footer {
	
}

.tabellebild {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	background-color: #C7C7C7;
}

.robin img {
	width: 100px;
	margin: 25px;
	margin-bottom: 6px;
	margin-top: 10px;
}

.footerbox {
	margin-right: 10px;
	margin-left: 00px;
	margin-top: 20px;
	text-align: left;
}

.namerobin {
	padding-bottom: 15px;
	padding-top: 10px;
	text-decoration: underline;
}

.footerbox td {
	padding-left: 15px;
	padding-right: 15px;
}

.formular a {
	font-size: 20px;
	text-decoration: unset;
	margin: 20px;;
	color: #1D55FF;
	text-decoration: underline overline;
	transition: 500ms;
}

.formular a:hover {
	font-size: 21px;
}

.formular {
	margin-top: 50px;
	text-align: right;
	padding-bottom: 30px;
}


@media screen and (max-width: 905px) {
	.logo a img {
		width: 100px;
	}

	.logo img:hover {
		width: 110px;
	}

	nav a {
		font-size: 10px;
	}

	h1 a {
		font-size: 17px;
	}

	h1 {
		margin-top: 9px;
		margin-bottom: 9px;
	}

	nav a:hover {
	font-size: 13px;
	}

	h1 a:hover {
		font-size: 20px;
	}

	.footerbox tr th {
		font-size: 10px;
	}

	.footerbox tr td {
		font-size: 10px;
	}

	.robin img {
		width: 75px;
	}

	.formular a {
	font-size: 15px;
	}

	.formular a:hover {
		font-size: 16px;
	}

	.data1b img {
		width: 125px;
		margin: 13px;
		margin-top: 75px;
	}

	.data2b img {
		width: 160px;
	}

	.data3b img {
		width: 160px;
	}

	.data1t tr th {
		font-size: 10px;
	}

	.data2t tr th {
		font-size: 10px;
	}

	.data3t tr th {
		font-size: 10px;
	}

	.data1t tr td {
		font-size: 10px;
	}

	.data2t tr td {
		font-size: 10px;
	}

	.data3t tr td {
		font-size: 10px;
	}

	.data1t {
		margin-bottom: 50px;
	}

	.data2t {
		margin-bottom: 50px;
	}

	.data3t {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 605px) {
	.br {
		display: unset;
	}
}

@media screen and (max-width: 571px) {
	.formular {
		margin-top: 10px;
	}
}