html {
	overflow-x: hidden;
}

body {
	margin: 0 auto;
	font-family: "Avenir", sans-serif;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0.02em;
	line-height: 1.6em;
	overflow-x: hidden;
}

/* utan denna blir länkade bilder fucked */
img {
	display: block;
}

div {
	box-sizing: border-box;
}

a {
	border-bottom: 1px solid #000;
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: black;
	border-bottom: 0.5px dashed black;
}

/* 
*   header
*/

header {
	width: 1200px;
	margin: 0 auto;
	padding-top: 1.5vw;
}

#logga {
	width: 100%;
}

#mobillogga {
	display: none;
}

#mainnav {
	display: flex;
	margin: 0 auto;
	justify-content: flex-end;
	padding-right: 30px;
}

#mainnav a {
	margin-top: -47px;
	box-sizing: border-box;
	border: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: min-content;
}

#mainnav a:hover .line {
	opacity: 1;
	transition: 0.3s;
}

#mainnav img {
	padding-right: 24px;
	height: 45px;
}

.line {
	padding-top: 6px !important;
	opacity: 0;
	height: 4px !important;
	width: 70%;
}

h1 {
	visibility: hidden;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

h2 {
	margin: 0;
	padding-bottom: 12px;
}

h3 {
	margin: 0;
	padding-bottom: 7px;
}

/* 
*  homepage desktop
*/

#homepage {
	margin: 0 auto;
	width: 1200px;
	display: grid;
	grid-template-columns: 50% 50%;
	gap: 20px;
	padding-top: 50px;

}

#homepage img {
	width: 100%;
	border-radius: 2px;
}

#mobilehomepage {
	display: none;
}


/* 
*  Teambuilding desktop 
*/



#everything {
	width: 1200px;
	margin: 0 auto;
	line-height: 1.5em;
}

#everything>img {
	width: 400px;
	margin: 40px auto 0px;
}

#allapaket>div:nth-child(even) {
	flex-direction: row-reverse
}

.paket {
	display: flex;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 40px;
}

.paket h2,
h3,
h1 {
	font-weight: 500;
}

.paket br {
	display: block;
	/* makes it have a width */
	content: "";
	/* clears default height */
	margin-top: 8px;
}

.pakettext {
	width: 700px;
	padding: 30px;
}

.pakettext img {
	height: 40px;
}

.paketmedia {
	display: grid;
	width: 500px;
	gap: 4px;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: min-content;
}

.paketmedia a {
	text-decoration: none;
	border: none;
}

.paketmedia img {
	width: 100%;
}

.paketinfo {
	padding-top: 20px;
	display: flex;
}

.paketinfo div {
	display: flex;
	align-items: center;
	padding-right: 45px;
}

.paketinfo img {
	padding-right: 10px;
}

.paketinfo a {
	border: solid 2px black;
	padding: 5px 10px;
	border-radius: 2px;
}

.paketinfo a:hover {
	border: dashed 2px;
}

#annat>div:nth-child(even) {
	flex-direction: row-reverse
}

#annat>div {
	display: flex;
	align-items: center;
	padding-bottom: 30px;
}

.annattext {
	width: 700px;
	padding: 30px;
}

.annatmedia {
	width: 500px;
	display: grid;
	gap: 4px;
	grid-template-columns: 1fr 1fr;
}

.annatmedia img {
	width: 100%;
}

.annatmedia a {
	border: none;
}

.paddelinfo {
	margin: 20px 0px 5px 0px;
}

.paddelinfo a {
	border: solid 2px;
	padding: 5px 10px;
	border-radius: 2px;
}

.paddelinfo a:hover {
	border: dashed 2px;
}

#pristabell a {
	border: none;
}

#pristabell h2 {
	text-align: center;
	font-size: 2.7em;
	padding: 40px 0px 50px;
}

.notbold {
	font-weight: 300;
}

td,
th {
	text-align: left;
	padding: 8px 8px;
	border: 2px #A4A4A4;
}

tr:nth-child(even) {
	background-color: #F5F5F5;
}

#mobiltable {
	display: none;
}

#pristabell p {
	margin: 10px 0px 20px 0px;
}

#kanotkontakt {
	display: flex;
}

#kanot td,
th {
	padding: 8px 12px;
}

#priskontakt {
	padding: 10px 0px 0px 80px;
}

#priskontakt a {
	border: solid 2px black;
	padding: 12px 17px;
	border-radius: 2px;
	font-size: 23px;
	font-weight: 400;
	margin-right: 5px;
	background-color: #E9E6DC;
}

#priskontakt a:hover {
	border: dashed 2px;
}

#priskontakt h2 {
	font-weight: 500;
	margin-bottom: 5px;
	font-size: 1.8em;
	text-align: left;
	padding: 30px 0px;
}

#nardetardags img {
	width: 120px;
	padding-right: 30px;
}

#nardetardags>div {
	display: flex;
	align-items: center;
}

#nardetardags {
	display: grid;
	grid-template-columns: 500px 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 50px;
	margin-bottom: 20px;
	margin-top: 70px;
	padding-left: 80px;
}

/* 
*  butik
*/

#butikall {
	width: 1200px;
	margin: 0 auto;
}

#butikall img {
	width: 150px;
	margin: 50px 0;

}

#butikall br {
	display: block;
	/* makes it have a width */
	content: "";
	/* clears default height */
	margin-top: 15px;
}

#butikintro {
	width: 1200px;
	display: flex;
	justify-content: space-between;
}

#butiktext {
	width: 540px;
	line-height: 1.5em;
}

.kontaktknappar {
	margin-top: 40px;
}

.kontaktknappar a {
	border: 2px solid;
	padding: 10px 15px;
	border-radius: 2px;
	margin-right: 10px;
	font-weight: 400;
	background-color: #E9E6DC;
}

.kontaktknappar a:hover {
	border: dashed 2px;
}

#butiksloggor {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 50px 40px;
	grid-auto-rows: minmax(min-content, max-content);
	padding-right: 20px;
}

#butiksloggor a {
	border: none;
	align-self: center;
}

#butiksloggor img {
	width: 160px;
	margin: 0px;
}

#allaprodukter {
	margin-top: 20px;
}

#allaprodukter h2 {
	text-align: left;
	margin-top: 60px;
	font-size: 2em;
}

#allaprodukter h3 {
	font-weight: 400;
	text-align: center;
	padding-bottom: 20px;
}

#allaprodukter>div>div {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 40px;
	line-height: 1.4em;
	font-size: 18px;
}

#allaprodukter img {
	width: 100%;
	margin: 30px auto;
}

#allaprodukter br {
	display: block;
	/* makes it have a width */
	content: "";
	/* clears default height */
	margin-top: 5px;
}

#allaprodukter span {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

#headrush strong {
	display: none;
}

/* 
*  bygge 
*/

#byggeallt {
	width: 1180px;
	margin: 0 auto;
	line-height: 1.5em;
}

#byggeintro img {
	width: 400px;
	padding-bottom: 20px;
}

#byggeintro {
	width: 560px;
	padding: 30px 0px;
}

#byggelista {
	display: grid;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	gap: 20px 50px;
	margin-bottom: 40px;
}

#byggelista img {
	width: 90px;
	object-fit: contain;
	padding-right: 25px;
}

#byggelista>div>div img {
	display: none;
}

#byggelista>div {
	display: flex;
	align-items: center;
}

#forklaring {
	width: 520px;
	padding-bottom: 30px;
}

#parkerknappar {
	display: flex;
	flex-wrap: wrap;
}

#parkerknappar a {
	border: 2px solid;
	border-radius: 3px;
	padding: 12px 17px;
	display: block;
	margin: 5px;
}

#parkerknappar a:hover {
	border: 2px dashed;
}

/* 
*  Om oss 
*/

#omossallt {
	width: 1180px;
	margin: 0 auto;
}

#omossallt>img {
	width: 160px;
	margin: 0 auto;
	padding: 40px 0px 30px;
}

#omossallt>div>div {
	display: flex;
	align-items: center;
	padding-bottom: 60px;
}

#omossallt>div>div img {
	width: 400px;
	border-radius: 2px;
}

#omossallt>div>div:nth-child(even) {
	flex-direction: row-reverse;
}

.omosstext {
	padding: 45px;
}

/* 
*  Hitta hit
*/

#hittahitallt {
	width: 1180px;
	margin: 0 auto;
}

#hittahitallt img {
	width: 220px;
	margin: 0 auto;
	padding: 50px 0px;
}

#hittahitallt h3 {
	font-size: 23px;
	padding-bottom: 0px;
	font-weight: 500;
}


#hittahitcontent {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 20px;
	padding-bottom: 20px;
}

#hittahitcontent a {
	display: block;
	border: 3px solid;
	padding: 19px 21px 17px;
	width: min-content;
	font-size: 27px;
	font-weight: 300;
	border-radius: 2px;
	margin-top: 15px;
	background-color: #E9E6DC;
}

#hittahitcontent a:hover {
	border: 3px dashed;
}

#mapslinks img {
	display: none;
}

#gammaldags {
	display: flex;
}

#gammaldags img {
	width: 250px;
	object-fit: contain;
	padding: 0px 0px 90px 0px;
}

#gammaldags>div {
	width: 600px;
}

#gammaldags h2 {
	padding-top: 10px;
	padding-bottom: 8px;
}

#gammaldags p {
	margin-top: 5px;
}


/* 
*  Footer
*/

#footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-size: 15px;
	padding-top: 70px;
	padding-bottom: 60px;
	line-height: 1.4em;
}

#footer img {
	width: 200px;
	margin: 0 auto;
	padding-bottom: 40px;
	padding-left: 20px;
}

.logo {
	border: none !important;
}

.logo:hover {
	border: none !important;
}

#footer a {
	align-self: center;
	border-bottom: 1px solid black;
}

#footer a:hover {
	border-bottom: 1px dashed black;
}

#contact {
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}

#footer br {
	display: none;
}


@media (max-width: 1200px) {
	/* Single column stuff here */

	header {
		width: 90vw;
	}

	#mainnav {
		padding-right: calc(7vw - 50px);
	}

	#mainnav a {
		margin-top: -3.5vw;
	}

	#mainnav img {
		height: calc(15px + 2vw);
		padding-right: calc(5px + 1.5vw);
	}

	.line {
		height: 2px;
	}

	#homepage {
		width: 90vw;
		gap: 2vw;
		grid-template-columns: 44vw 44vw;
	}


	/* 
	*  Teambuilding mid 
	*/

	#everything {
		width: 100vw;
	}

	#everything>img {
		width: calc(100px + 20vw);
		margin: 40px auto 0px;
	}

	.paket {
		flex-wrap: wrap;
		margin: 0 auto;
	}


	.pakettext {
		width: 75vw;
		margin: 0 auto;
		padding: 30px 0px 80px;
	}

	.paketmedia {
		width: 100vw;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		margin: 0 auto;
	}

	#annat {
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		padding-top: 40px;
	}

	#annat>div {
		flex-direction: column;
	}

	#annat>div:nth-child(even) {
		flex-direction: column;
	}

	#annat>div>div {
		width: 75vw;
		padding: 0px 0px 15px 0px;
	}

	#annat img {
		height: 200px;
		object-fit: cover;
	}

	#pristabell {
		width: 90vw;
		margin: 0 auto;
	}

	#desktoptable {
		display: none;
	}

	#mobiltable {
		display: block;
	}

	table {

		font-size: calc(6.5px + 1.1vw);
		line-height: 1.5em;
	}

	td,
	th {
		padding: 8px calc(2.5vw - 5px);
	}

	td {
		text-align: center;

	}

	th {
		vertical-align: bottom;
		text-align: left;
	}

	th,
	td:nth-child(1) {
		text-align: left;
	}

	#priskontakt {
		width: 450px;
		margin: -20px 0px 0px 0px;
		padding: 0px 0px 0px 40px;
	}

	#priskontakt div {
		display: flex;
		flex-direction: column;
	}

	#priskontakt a {
		width: min-content;
		margin-bottom: 15px;
	}

	#priskontakt h2 {
		font-size: 1.5em;
		padding: 0px 0px 10px;
		line-height: 1.3em;
	}

	#nardetardags {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 20px;
		margin: 50px auto 20px;
	}

	#nardetardags>div {
		width: inherit;
	}

	#nardetardags>div>div {
		width: max-content;
	}

	#nardetardags img {
		width: 9vw;
	}

	/* 
	*  Butik mid 
	*/

	#butikall {
		width: 100vw;
	}

	#butikall>img {
		margin: 40px auto 50px;
	}

	#butikintro {
		width: 90vw;
		margin: 0 auto;
		justify-content: space-around;
	}

	#butikintro span {
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	#butiktext {
		width: 480px;
	}

	#butiksloggor {
		display: grid;
		grid-template-columns: 1fr 1fr;
		padding-right: 0px;
	}

	.kontaktknappar {
		display: flex;
		flex-direction: column;
		margin-top: 15px;
	}

	.kontaktknappar a {
		width: min-content;
		margin-top: 15px;
	}

	#butiksloggor img {
		width: 140px;
	}

	#allaprodukter {
		margin-top: 60px;
	}

	#allaprodukter>div {
		padding: 65px 0px;
	}

	#allaprodukter>div:nth-child(odd) {
		background-color: #F8F8F8;
	}

	#allaprodukter>div>div {
		width: 85vw;
		margin: 0 auto;
	}

	#allaprodukter h2 {
		text-align: center;
		margin-top: 0px;
		padding-bottom: 20px;
	}

	/* 
	*  bygge mid 
	*/

	#byggeallt {
		width: 100vw;
		font-size: 18px;
	}

	#byggeintro {
		width: 90vw;
		margin: 0 auto;
	}

	#byggeintro img {
		width: 350px;
	}

	#byggeintro>div {
		width: 550px;
	}

	#byggelista {
		width: 90vw;
		margin: 0 auto;
		gap: 20px 30px;
	}

	#byggelista img {
		width: calc(35px + 5.5vw);
	}

	#byggelista>div {
		width: 450px;
	}

	#byggeallt span {
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	#cvavsnitt {
		width: 90vw;
		padding-top: 30px;
		margin: auto;
	}

	#forklaring {
		width: 520px;
	}

	/* 
	*  omoss mid 
	*/


	#omossallt {
		width: 90vw;
		margin: 0 auto;
		font-size: 18px;
		line-height: 1.65em;
	}

	#omossallt span {
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.omosstext {
		padding: 0px;
		width: 55vw;
	}

	#omossallt>div>div {
		justify-content: space-between;
	}

	#omossallt>div>div img {
		width: 30vw;
		height: 30vw;
		object-fit: cover;
		border-radius: 2px;
	}

	#omossallt .kontaktknappar {
		flex-direction: row;
		flex-wrap: wrap;
		margin-top: 0px;
	}

	#omossallt .kontaktknappar a {
		margin-top: 2vw;
	}

	/* 
	*  hitta mid 
	*/

	#hittahitallt {
		width: 100vw;
	}

	#hittahitallt img {
		width: 190px;
		padding: 40px 0px 0px;
		margin: 0 5vw;
	}

	#hittahitcontent {
		flex-direction: column-reverse;
		padding: 0px;
		width: 100vw;
		margin: 0 auto;
		align-items: flex-start;
		padding-top: 10px;
	}

	#hittahitcontent iframe {
		width: 100vw;
		padding-top: 30px;
	}

	#mapslinks {
		width: 90vw;
		margin: 0 auto;
	}

	#mapslinks img {
		display: none;
		width: 120px;
		padding: 30px 15vw 0px 0px;
		margin: 0px;
	}

	#mapslinks>div>div {
		display: flex;
		flex-wrap: wrap;
	}

	#hittahitcontent a {
		font-size: 24px;
		padding: 17px 18px 14px;
		margin-right: 10px;
	}

	#hittahitcontent h3 {
		font-size: 20.5px;
	}

	#gammaldags {
		width: 90vw;
		margin: 0 auto;
		padding-top: 20px;
	}

	#gammaldags>div {
		width: 700px;
	}

}

@media (max-width: 1000px) {

	#kanotkontakt {
		flex-direction: column;
	}

	#priskontakt {
		margin: 0px;
		padding: 20px 0px 0px 0px;
	}

	#priskontakt>div {
		flex-direction: row;
	}

	#priskontakt a {
		margin-right: 10px;
	}

	#nardetardags {
		padding-left: 35px;
	}

	#nardetardags img {
		padding-right: 20px;
	}

	#butikintro {
		width: 85vw;
		margin: 0 auto;
		flex-wrap: wrap;
	}

	#butiktext {
		width: 70vw;
	}

	.kontaktknappar {
		flex-direction: row;
	}

	#butiksloggor {
		width: 70vw;
		display: grid;
		grid-template-columns: 18vw 18vw 18vw;
		grid-template-rows: 1fr 1fr;
		margin: 50px auto 0px;
		grid-gap: 30px 30px;
	}

	#butiksloggor img {
		width: 16vw;
	}

	#allaprodukter>div>div {
		grid-template-columns: 1fr 1fr 1fr;
	}

	#byggeintro {
		width: 80vw;
	}

	#byggeintro img {
		width: 320px;
	}

	#byggelista {
		display: flex;
		flex-direction: column;
		width: 80vw;
	}

	#byggelista>div {
		width: 70vw;
		padding-bottom: 30px;
	}

	#byggelista img {
		width: calc(35px + 4.5vw);
	}

	#omossallt .kontaktknappar {
		margin-top: 0.3vw;
	}

	#omossallt .kontaktknappar a {
		margin-top: 1vw;
	}

	#gammaldags img {
		display: none;
	}


}

@media (max-width: 820px) {

	.paketmedia {
		display: flex;
		justify-content: space-between;
		width: 100vw;
	}

	.paketmedia img {
		width: 49.7vw;
		height: calc(80px + 20vw);
		object-fit: cover;
	}

	.paketmedia>a:nth-child(n+3) {
		display: none;
	}

	.omosstext {
		font-size: 16px;
		line-height: 1.65em;
	}

}

@media (max-width: 800px) {

	body {
		font-size: 18px;

	}

	header {
		width: 100vw;
	}

	#logga {
		display: none;
	}

	#mobillogga {
		display: block;
		width: 100%;
	}

	#mainnav {
		justify-content: space-evenly;
		width: calc(150px + 55vw);
	}

	#mainnav a {
		margin-top: calc(20px + 2vw);
	}

	#mainnav img {
		height: calc(22px + 4vw);
		padding: 0;
	}

	#homepage {
		padding-top: calc(20px + 2vw);
		width: 96vw;
		gap: 2vw;
		grid-template-columns: 47vw 47vw;
	}

	#everything>img {
		width: calc(150px + 30vw);
		margin: 40px auto 0px;
	}

	.pakettext {
		width: 85vw;
		padding: 10px 0px 70px;
	}

	#annat {
		padding-top: 40px;
	}

	#annat>div>div {
		width: 85vw;
	}

	#pristabell {
		width: 100vw;
	}

	#mobiltable {
		display: block;
		font-size: calc(7px + 1.2vw);
	}

	td,
	th {
		padding: 8px calc(2.5vw - 7px);
	}

	#pristabell p {
		padding: 0px 10px;
	}

	#kanot h3 {
		padding: 0px 10px;
	}

	#priskontakt {
		padding: 30px 10px 0px 10px;
	}

	#priskontakt a {
		font-size: 22px;
	}

	#footer {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	#footer>img {
		width: calc(100px + 25vw);
		margin: 0 auto;
		padding-bottom: 20px;
		padding-left: calc(5px + 2vw);
	}

	#footer a {
		align-self: center;
	}

	#contact {
		display: flex;
		flex-direction: column;
		margin-bottom: 30px;
	}

	#footer br {
		display: block;
	}

	#nardetardags {
		padding: 0px 0px 0px calc(10px + 3vw);
		font-size: 15px;
		line-height: 1.4em;
		grid-column-gap: 0px;
	}

	#nardetardags img {
		padding-right: 2.5vw;
	}

	.kontaktknappar {
		flex-wrap: wrap;
		margin-top: 5px;
	}

	#butiktext {
		width: 90vw;
	}

	#butiksloggor {
		width: 90vw;
		margin: 50px auto 0px;
		grid-template-columns: calc(90px + 8vw) calc(90px + 8vw) calc(90px + 8vw);
		grid-gap: 20px 40px;
	}

	#butiksloggor img {
		width: calc(90px + 8vw);
	}

	#allaprodukter {
		margin-bottom: 25px;
	}

	#allaprodukter>div>div {
		grid-template-columns: 1fr 1fr;
	}

	#allaprodukter img {
		width: 95%;
	}

	#allaprodukter h2 {
		font-size: 2.5em;
	}

	#byggeintro {
		width: 90vw;
		padding-bottom: 40px;
	}

	#byggeintro>div {
		width: 90vw;
	}

	#byggeintro img {
		width: 330px;
		margin: 0 auto;
	}

	#byggelista {
		display: flex;
		flex-direction: column;
		width: 90vw;
	}

	#byggelista>div {
		width: calc(130px + 68vw);
		padding-bottom: 30px;
	}

	#byggelista img {
		width: calc(35px + 5.5vw);
		padding-right: 35px;
	}

	#cvavsnitt {
		width: 90vw;
		padding-top: 15px;
		margin: auto;
	}

	#omossallt {
		width: 100vw;
		font-size: 16px;
		padding-bottom: 30px;
	}

	#omossallt img {
		padding: 20px 0px 0px;
	}

	#omossallt>div>div {
		flex-direction: column-reverse;
		justify-content: flex-start;
		padding-bottom: 0px;
	}

	#omossallt>div>div:nth-child(even) {
		flex-direction: column-reverse;
		justify-content: flex-start;
	}

	.omosstext {
		padding: 25px;
		width: 70vw;
	}


	#omossallt>div>div img {
		width: 70vw;
		height: calc(110px + 20vw);
		padding: 0px;
	}

	#omossallt .kontaktknappar a {
		padding: 8px 13px;
		margin-top: 10px;
	}

	#hittahitallt img {
		width: 190px;
		padding: 20px 0px 0px;
		margin: 0px 5vw;
	}

	#hittahitcontent {
		padding-top: 10px;
	}

}

@media (max-width: 600px) {
	/* Multicolumn stuff here */

	#homepage {
		display: none;
	}

	#mobilehomepage {
		display: block;
		padding-top: 2vw;
	}

	#mobilehomepage img {
		width: 100vw;
		padding-bottom: 1.5vw;
	}

	#everything {
		font-size: 16px;
	}

	#everything>img {
		width: calc(150px + 30vw);
		margin: 25px auto 5vw;
	}

	.paket {
		padding-top: 0px;
		padding-bottom: calc(20px);
		flex-direction: column-reverse;
	}

	#allapaket>div:nth-child(even) {
		flex-direction: column-reverse;
	}

	.paket h2 {
		line-height: 1.35em;
	}

	.pakettext {
		width: 90vw;
		line-height: 1.47em;
		padding: 50px 0px 35px;
	}

	.pakettext>span {
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.annattext>span {
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.paketinfo {
		-ms-word-break: normal;
		word-break: normal;
		word-break: normal;
	}

	.paketmedia img {
		object-fit: fill;
	}

	.paketinfo img {
		height: 30px;
		padding-right: 8px;
	}

	.paketinfo>div {
		padding-right: 22px;
	}

	.paketinfo a {
		width: min-content;
		height: min-content;
		padding: 4px 8px;
	}

	.paddelinfo {
		margin: 15px 0px 5px 0px;
	}

	.paddelinfo a {
		border: solid 2px;
		padding: 4px 8px;
	}

	.paddelinfo a:hover {
		border: dashed 2px;
	}

	#annat {
		padding-top: 40px;
		padding-bottom: -45px;
		background-color: #F8F8F8;
	}

	#annat>div>div {
		width: 100vw;
		padding-bottom: 0px;
		padding-top: 15px;
	}

	#annat div:nth-child(4) {
		padding-bottom: 0px;
	}

	.annattext {
		width: 90vw !important;
	}

	.annatmedia img {
		padding-top: 0px;
		width: 100vw;
	}

	.annatmedia img:nth-child(even) {
		display: none;
	}

	#mobiltable {
		display: block;
		font-size: calc(3px + 1.8vw);
	}

	#pristabell h2 {
		font-size: 9vw;
		padding: 50px 0px 40px;
	}

	td,
	th {
		padding: 6px calc(2.4vw - 7.3px);
	}

	#kanot th {
		text-align: center;
	}

	#priskontakt {
		width: 100vw;
	}

	#priskontakt>div {
		flex-direction: column;
	}

	#priskontakt h2 {
		font-size: 6vw;
		padding: 0px 0px 10px 0px;
	}

	#priskontakt a {
		font-size: 20px;
		padding: 12px 17px;
	}

	#nardetardags {
		display: flex;
		flex-direction: column;
		padding-left: calc(25vw - 40px);
		font-size: 16px;
		margin-bottom: 0px;
	}

	#nardetardags>div {
		padding-bottom: 30px;
	}

	#nardetardags img {
		width: 17vw;
		padding-right: 25px;
	}

	#butikall {
		font-size: 16px;
	}

	#butikall>img {
		width: 120px;
		margin: 25px auto 35px;
	}

	#butiktext {
		width: 95vw;
	}

	#butiksloggor {
		width: 85vw;
		margin: 40px auto 0px;
		grid-template-columns: calc(8px + 22vw) calc(8px + 22vw) calc(8px + 22vw);
		grid-gap: calc(4px + 2.7vw) calc(3.2vw + 15px);
	}

	#butiksloggor img {
		width: calc(8px + 22vw);
	}

	#allaprodukter>div>div {
		grid-gap: 30px 25px;
		width: 90vw;
		font-size: 16px;
	}

	#allaprodukter img {
		width: 90%;
		height: 150px;
		object-fit: contain;
		margin-bottom: calc(8vw - 35px);
		margin-top: 15px;
	}

	#byggeallt {
		font-size: 16px;
	}

	#byggeintro img {
		width: 280px;
	}

	#byggelista {
		width: 90vw;
	}

	#byggelista>div {
		width: 90vw;
	}

	#byggelista img {
		padding-right: 20px;
	}

	#forklaring {
		width: 90vw;
	}

	#parkerknappar {
		width: 90vw;
	}

	#parkerknappar a {
		padding: 8px 12px;
	}

	#omossallt {
		width: 100vw;
	}

	#omossallt img {
		width: 140px;
		padding-bottom: 0px;
	}

	#omossallt>div>div {
		flex-direction: column-reverse;
		justify-content: flex-start;
		padding-bottom: 0px;
	}

	#omossallt>div>div:nth-child(even) {
		flex-direction: column-reverse;
		justify-content: flex-start;
	}

	#omossallt>div>div img {
		width: 100vw;
		height: 50vw;
		object-fit: cover;
		padding: 0px 0px 0px 0px;
	}

	.omosstext {
		width: 90vw;
		padding: 5vw 0px
	}

	#omossallt .kontaktknappar {
		margin-top: 0px;
	}

	#omossallt .kontaktknappar a {
		padding: 8px 13px;
		margin-top: 8px;
	}

	#footer {
		padding-top: 40px;
	}

	#hittahitallt img {
		width: 190px;
		padding: 20px 0px 10px;
		margin: 0 auto;
	}

	#hittahitcontent {
		padding-top: 0;
	}

	#hittahitcontent h3 {
		font-size: 17px;
		text-align: center;
		padding-bottom: 7px;
	}

	#hittahitcontent a {
		border: 2px solid;
		font-size: 20px;
		margin: 8px auto;
	}

	#hittahitcontent iframe {
		padding-top: 20px;
	}

	#gammaldags {
		font-size: 16px;
	}

	#gammaldags h2 {
		line-height: 1.45em;
	}

	#gammaldags h3 {
		font-size: 22px;
	}

}

@media (max-width: 430px) {

	#allapaket {
		padding-bottom: 35px;
	}

	.paketinfo {
		display: grid;
		grid-template-columns: 100px 70vw;
		grid-template-rows: 65px 40px;
		padding-top: 0px;
		grid-row-gap: 0px;
	}

	.pakettext {
		padding: 20px 0px 0px;
	}

	.paketmedia img {
		width: 100vw;
		object-fit: cover;
		height: calc(120px + 20vw);
		padding: 0px;
	}

	.paketmedia>a:nth-child(n+2) {
		display: none;
	}

	#mobiltable {
		display: block;
		font-size: calc(2.7px + 1.65vw);
		padding: 0px 3px;
	}

	td,
	th {
		padding: 4px calc(2.5vw - 7px);
	}

	#pristabell h2 {
		font-size: 9.5vw;
		padding: 40px 0px 20px;
	}

	#priskontakt h2 {
		font-size: 7vw;
		padding: 0px 0px 10px 0px;
	}

	#priskontakt a {
		font-size: 19px;
		padding: 10px 15px;
	}

	#nardetardags {
		padding-left: calc(15vw - 25px);
	}

	#nardetardags img {
		padding-right: 18px;
	}

	#butiksloggor {
		width: 85vw;
		margin: 30px auto 0px;
	}

	#allaprodukter>div {
		padding: 57px 0px;
	}

	#allaprodukter>div>div {
		grid-template-columns: 1fr;
		width: 80vw;
		font-size: 16px;
	}

	#allaprodukter img {
		width: 70%;
		margin-top: 20px;
		margin-bottom: 1.5vw;
	}

	#allaprodukter h3 {
		padding-bottom: 10px;
	}

	#allaprodukter h2 {
		line-height: 1.1em;
	}

	#byggeintro img {
		width: 270px;
	}

	#byggelista>div img {
		display: none;
	}

	#byggelista>div {
		flex-direction: column;
		padding-bottom: 40px;
		width: 90vw;
		margin: 0 auto;
	}

	#byggelista>div>div img {
		display: inline;
		float: left;
		height: 43px;
		padding: 0px 5px 5px 0px;
	}

	#parkerknappar a {
		padding: 6px 10px;
	}

	#hittahitcontent h3 {
		font-size: 15px;
		text-align: center;
		padding-bottom: 7px;
	}

	#hittahitcontent a {
		font-size: 18px;
		padding: 10px 12px 7px;
		margin: 6px auto;
	}

	#hittahitcontent iframe {
		padding-top: 10px;
	}

	#mapslinks {
		width: 95vw;
	}

	#gammaldags {
		width: 95vw;
	}

}

@media (max-width: 340px) {
	#hittahitcontent a {
		font-size: 17px;
		padding: 8px 10px 5px;
	}
}

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

	#mainnav a:hover .line {
		opacity: 0;
	}
}