h1 {
	text-align:center;
	font-size:30px;
	line-height:20%;
	color:black;		
	}
  
h2{
  	font-size: 10px;
  	}
  	

/* hoved og menuer i navbar */
.navbar {
  overflow: hidden;
  background-color: lightgray;
  position: fixed;
  top: 0;
  width: 100%;
}

.navbar a {
  display: block;
  float: left;
    
  color: blue; /* tekstfarve i menubar */
  text-align: center;
  padding: 4px 0px; /* bjælke over under tekst */
  text-decoration: none;
 /* width: 20%;  5 link med ens bredde */
  font-size: 17px;
  padding:2px;
}



* {
  box-sizing: border-box;
  background-color: lightgray;  /* farve billeder */
 }
 
 
 .row {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0px;
} 	
  
 .flex-container {
  display: flex;
  flex-wrap: nowrap;
  background-color: blue;
  align-items: center;
  
}
	/* denne obtion er til test  - gælder nåske ikke alle browsere  */	
.flex-container > div {
  background-color: #f1f1f1;
  width: 100px;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}

/* Create 4 ens kolonner - side om side*/
.column {
  flex: 25%;
  max-width: 100%;
  
  /* plads til menu over billeder */
  padding: 42px 4px; 
  border-top: 2px solid black; 
}
/* Billed placering i kolonnen*/
.column img {
  margin-top: 8px;
  margin-bottom:8px;
  vertical-align: middle;

}

/* Responsive layout - makes a 2 two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 95%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}





body {
	 margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    
}


img {
	max-width: 100%;
	max-height: 100%;
}