/* Header/logo Title*/
.header {
  padding: 10px;
  text-align: center;
  position: relative;
  background-color: white;
  z-index: 100;
   -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;
  
  
}
.button {
	font-size: 18px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	margin: 12px;

}

body {
  overflow-y: scroll; /* Show scrollbars */
}

/* strong */
strong {
  font-size: 23px;
}
/* Increase the font size of the heading */
.header h1 {
  font-size: 40px;
}

/* Sticky navbar - toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it "sticks" in place (like position:fixed). The sticky value is not supported in IE or Edge 15 and earlier versions. However, for these versions the navbar will inherit default position */
.navbar {

  overflow: hidden;
  background-color: #333;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 20px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;
  z-index:20;
}

/* Style the navigation bar links */
.navbar a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 20px;
  text-decoration: none;
}


/* Right-aligned link */
.navbar a.right {
  float: right;
}

/* Change color on hover */
.navbar a:hover {
  background-color: #ddd;
  color: black;
}

/* Active/current link */
.navbar a.active {
  background-color: #666;
  color: white;
}
		
		img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 2000px;
			
			/* Set up proportionate scaling */
			width: auto;
			height: 100%;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
			
			z-index:1;
		}
		
		@media screen and (max-width: 2000px){
			img.bg {
				left: 50%;
				margin-left: -1000px; }
		}
		
		#page-wrap { position: relative; width: 100%; z-index:10; margin: 20px auto; padding: 0px; background: white; }
		


p {  font-family: "Segoe UI", Arial, sans-serif; line-height: 1.6; margin: 0 0 30px 0; text-indent: 40px; }
center {  font-family: "Segoe UI", Arial, sans-serif; line-height: 1.6; margin: 0 0 30px 0;  }

		
		


.icontainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 100%; /* 1:1 Aspect Ratio */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}