body{
	margin: 0%;
}
.header {
	background-color: #d8d8d8;

	/*padding: 0.01vh;
	
	padding-top: 3%;
	padding-bottom: 3%;*/
	
	background-image: url("mountain1.jpeg");
	background-repeat: no-repeat;

	background-size:cover;
	background-position-y: center;
		
	padding-top: 10%;
	padding-bottom: 6%;
	padding-left: 5%;
	padding-right: 5;

}
#headbox{
	padding: 1%;
	padding-bottom: 0%;
	padding-top: 0%;
	margin: 0 auto;
	padding-top: -40px;
	background: white;
	border: 1px solid black;
	width: 300px;
	/*font-size: 2.5vw;
	text-align: center;*/
	opacity: 0.9;
}
.headboxp{
	font-size: 1.8em;
	/*text-decoration: underline;*/
	font-weight: bold;
	color: grey;
	text-align: center;
	font-family: Kristen ITC;
	opacity: 1;
}
/* Style the top navigation bar */
.linkbar{
	display: flex;

}
.topnavcontainermid{
	width: 60%;
}
.topcontainersideleft{
	width: 20%;
	background-color: #eeeeee;
	background-image: url("wallpaper.jpg");
	background-size: 250%;
	background-position-y: center;
	opacity: 0.5;
	border-right: 1px solid black;
}
.topcontainersideright{
	width: 20%;
	background-color: #eeeeee;
	background-image: url("wallpaper.jpg");
	background-size: 510%;
	background-position-y: left;
	opacity: 0.5;
	border-left: 1px solid black;
}
.topnav {
    overflow: hidden;
    background-color: #333;
}

/* Style the topnav links */
.topnav a {
    float: right;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	border-left: 2px solid black;
}

/* Change color on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}
.abc{
	background-color: grey;
	padding: 0%;
	display: flex;
}
/* Create three unequal columns that floats next to each other */
.column {
    float: right;
}

/* Left and right column */
.column.left {
    width: 20%;
	background-color: #eeeeee;
}
.insidecolumnleft{
	background-color: #eeeeee;
	padding-top: 1%;
	padding-left: 6%;
	padding-right: 7.5%;
	height: 100%;
	padding-bottom: 1%;
	background-image: url("wallpaper.jpg");
	background-size: 350%;
	background-position-y: bottom;
	opacity: 0.3;
}
.column.right {
    width: 20%;
	background-color: #eeeeee;
}
.insidecolumnright{
	background-color: cornflowerblue;
	padding-top: 1%;
	padding-left: 6%;
	padding-right: 7.5%;
	height: 100%;
	background-color: #eeeeee;
	background-image: url("wallpaper.jpg");
	background-size:600%;
	background-position-y: bottom;
	opacity: 0.3;
}
/* Middle column */
.column.middle {
    width: 60%;
	height: 100%;

	background-color: green;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}
.insidecolumnmiddle{
	background-color: lightgrey;
	height: 100%;
	padding-bottom: 5%;
	margin-bottom: -0.5%;
	padding: 5%;
	padding-top: 1%;
}
/* box-sizing: border-box;*/

/* Style the footer */
.footer{
	background-color: #eeeeee;
	text-align: center;
	padding: 0.01vh;
	
}
.footer2{
	height: 100%;
	margin-top:0.4%;
	background-image: url("wallpaper.jpg");
	background-size:cover;
	background-position-y: center;
	opacity: 0.8;
	padding-top: 50px;
	padding-bottom: 50px;
}
h2 {
	font-size: 33pt;
	color: #b30000;
	text-decoration: underline;
	text-align: center;
}

.wrapper{
	display: flex;
	padding: 5%;
	background-color:cornflowerblue;
	flex-wrap: wrap;
}

.grid{
  margin: 3%;
  padding: 4vh;
  font-size: 30px;  
}
#grid1{
	background-color: red;
}
#grid2{
	background-color: yellow;
}
#grid3{
	background-color: green;
}
#grid4{
	background-color: grey;
}

#test{
	background-color: cornflowerblue;
}
li {padding-left:5%;}
.text1{
	font-weight: bold;
}
.text2{
	text-align: justify;
}
#footerdescription{
opacity: 1;
color: red;
}

#h3{
	font-size: 14pt;
	font-weight: bold;
	text-decoration: underline;
}
#h4{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	color: black;
}

.contentspan{
   text-align: center;
}