body {
  overflow: auto; /* Hide scrollbars */
  background-color:white;
}

.outer {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  text-align: center;
}

.inner {
  margin-left: auto;
  margin-right: auto;
  width:90vmin;
  line-height:0;
  display: inline-block;
}

.enner {
  margin-left: auto;
  margin-right: auto;
  width:90vmin;
  overflow: auto;
  margin-top: 28vmin;
}

.enner p{ 
  margin: 1vmin 0vmin 1vmin 0vmin;
  text-align: justify;
  text-justify: inter-word;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  color:black;
  font-size: 2.4vmin; 
  line-height: 3.6vmin;  
} 

h1 {
  margin: 1vmin 0vmin 1vmin 0vmin;
  text-align: justify;
  text-justify: inter-word;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  color:black;
  font-size: 3.6vmin; 
  line-height: 4.8vmin; 
}

* {box-sizing: border-box}

a:link {
  color: black;
  text-decoration: underline;
}

a:visited {
  color: black;
}

a:hover {
  text-decoration: none;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.img1 {
  float: right;
  width:50%;
}

.navbar {
  width: 90vmin;
  background-color: white;
  overflow: auto;
  position: fixed;
  top: 0;
  margin: 0vmin 0vmin 1vmin 0vmin;
  text-align: justify;
  text-justify: inter-word;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  color:black;
  font-size: 0vmin; 
  z-index:10
}

.navbar > div {
  display: inline-block;
  display: -moz-inline-box;
  *display: inline; /* For IE7 */
  zoom: 1; /* Trigger hasLayout */
  width: 18vmin;
  height: 6vmin;
  text-align: center;
  border:1px solid black;
  font-size: 4vmin; 
  line-height: 5.5vmin;
}