#wrapper {margin-left: auto; 
			 margin-right: auto;
			 width: 80%;
             background-color: #666666;
             min-width: 960px;
             max-width: 2028px;  }
     
     
             
#column {float: left;
		 width: 30%;
		 background-color: #e60000;
		 color: #ffffff; }
		
		
#column2 {float: right;
		  width: 70%;
		  background-color: #000099; 
		  color: #ffffff; }		
		  
.photos {text-align: center;  }  
		  

.photo1 {background-image: url(waterfall.jpeg);
		 background-repeat: no-repeat;
		 background-position: center;
		 width: 100%;
		 height: 400px;
		 background-size: contain; }

.photo2 {background-image: url(ducks.jpeg);
		 background-repeat: no-repeat;
		 background-position: center;
		 width: 100%;
		 height: 400px;
		 background-size: contain;}

		  
h2 {text-align: center;  }

h3 {text-align: center;  }




p {padding-left: 10px;
   padding-right: 10px;  }
   
   
header {color: #ffffff;
		padding-left: 10px;
		background-image: url(norskflag.png);
		background-repeat: no-repeat;
		background-position: right;
		background-size: 7%;  }


body {background-image: url(halden.jpeg);  
	  background-size: 100%;
	  background-repeat: no-repeat;  }
	  
dt {padding-left: 10px;
    padding-right: 10px; }
    
iframe {padding-left: 8%;
		padding-bottom: 3%;  }
		
table {padding-left: 10px;  }

form {padding-left: 10px;  }
     
	  
header a {text-decoration: none;  }

header a:link {color: #ffffff;  }

header a:visited {color: #d9d9d9;  }

header a:hover {color: #90c7e3;  }
	  
	
	  
nav {font-weight: bold;
	 padding: 0em;
	 font-size: 120%;
	 text-align: center;  }			
			
nav a {text-decoration: none;  }

nav ul {list-style-type: none;
		margin: 0;
		padding-left: 0;
		font-size: 1em;
		line-height: 2em;
		padding-bottom: 3%;  }
		
nav a:link {color: #ffffff;  }

nav a:visited {color: #d9d9d9;  }

nav a:hover {color: #000099;  }



footer a {text-decoration: none;  }

footer a:link {color: #ffffff;  }

footer a:visited {color: #d9d9d9;  }

footer a:hover {color: #90c7e3;  }

footer {text-align: center;  }

@media (min-width: 1024px) 

{
  .gfg-div {
   margin: auto;
   width: 80%;  }
}

@media (min-device-width: 600px) (max-device-width: 1024px) 

{
  .gfg-div {
    width: 400px;
    height: 400px;  }
    
}