body {margin:0;}

body .jumbotron {
 margin:0px;
 padding:2rem 1rem;
} 

h2 {text-align:center;}

body .header {
background-image:url(../images/flower.jpg);	
background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:0px;
height:400px;
margin-top:100px;
}

.header-overlay {
background: rgb(2,0,36);
background: linear-gradient(-90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 90%);
height:400px;
color:white;
padding:8rem;
}

.header-overlay .header-text {
width:40%;
margin:0 auto;
}



body .stripe {

background-image:url(../images/flower2.jpg);	
background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:0px;
height:400px;

}

body .stripe2 {

background-image:url(../images/flower3.jpg);	
background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:0px;
height:400px;

}


/*body .menu {
padding:20px;
overflow: hidden;
 position: fixed;
  top: 0;
  width: 100%;
  z-index: 111;
}*/


.logo {
text-align:left;

}

.logo img {
 margin-left:100px;
	}


body .menu {

}


.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #ececec;
  margin:0 auto;
  float:right;
  margin-right:100px;
}

.menu li {
  float: left;
}

.menu li a {
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.menu li a:hover {
  background-color: #111;
  color:white;
}

.content {
/*margin-top:100px;*/
}

.sticky {
  position: fixed;
  top: 0;
  z-index:111;
  width:100%;
}


.menu .icon {
  display: none;
}

.twocolumns {
	margin-top:40px;
	margin-bottom:40px;
}

.gallery {
	padding:2rem;
}


.gallery img {
	width:100%;
}

.footer {
	padding:20px;
}

.thumbnail {
  max-width: 100%;
}

/** LIGHTBOX **/

.lightbox {
		display: none;

		position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	max-width: 60%;
	/*max-height: 60%;*/
	margin-top: 2%;
}

.lightbox:target {
		outline: none;
display: block;
}

/*TYPO*/

body h2 {
margin-top:30px;
margin-bottom:60px;	
}



@media screen and (max-width: 800px) {
.menu li {
    clear:both;
  }
.logo img {
 margin-left:0px;
	}
.menu ul {
  margin-right:0px;
  width:100%;
  margin:0 auto;
}
.menu ul li {
  width:100%;
  margin:0 auto;
  text-align:center;
}
.header-overlay .header-text {
width:100%;
margin:0 auto;
}
.sticky {
  position: relative;
  width:100%;
}
body .header {
margin-top:0px;
}

.header-overlay {
padding:3rem;
}






}