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

.main {
	width: 100%;
 	max-width: 600px;
}

body {
	background: azure;
}

.titel {
	font-size: 18px;
	color: #9F1215;
}

.meny {
	font-size: 12px;
}

.titelbild {
	
}

.rubrik {
	font-size: 14px;
}

.innehall {
	font-size: 12px;
}

img {
	
}

a:link {
	
}

/* Stilar för skärmar med en bredd av minst 768px (t.ex. surfplattor) */
@media (min-width: 768px) {
  .main {
    width: 80%; /* Ändra bredden när skärmen blir större */
  }
}

/* Stilar för bredare skärmar (t.ex. skrivbord) */
@media (min-width: 1024px) {
  .main {
    width: 60%; /* Ändra bredden ytterligare för ännu bredare skärmar */
  }
}