h1 {
	font-family: 'Cinzel', serif;
	margin-left: 20px;
	padding: 30px;
	font-weight: 600;
	font-size: 20px;
	word-wrap: normal;
}
h2 {
	font-family: 'Cinzel', serif;
	padding-top: 20px;
	font-weight: 600;
	font-size: 18px;
	word-wrap: normal;
}
.ek3 {
	line-height: 2;
	text-align: left;
	margin: 0px;
	font-family: 'Cinzel', serif;
	text-align: center;
	font-weight: 600;
	font-size: 20px;

}



.button {
	font-family: 'Cinzel', serif;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.2s;
  cursor: pointer;
  
}

.button1 {
  background-color:#a3c0fb;
  color: black; 
  border: 2px solid #39393a;
}

.button1:hover {
  background-color: #f0f0f0;
  color: black;
}

.button2 {
  background-color: rgb(234, 244, 248); 
  color: rgb(27, 27, 27); 
  border: 2px solid #008CBA;
border-radius: 8px;
}

.button2:hover {
  background-color: #393636;
  color: white;
}


.button3 {
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
}

.button3:hover {
  background-color: #aaaaaa;
  color: white;
}

.button4 {
  background-color: white; 
  color: black; 
border-radius: 8px;
  border: 2px solid #008CBA;
}

.button4:hover {
  background-color: #999999;
  color: white;
}



#text_light {

	margin-top: 10px;
	margin-left: 40px;
	font-family: 'Martel', serif;
	font-weight: 300;
	padding: 10px;
	background-color:#FFFFFF;
	line-height: 1.5;
	font-weight:300;
	border: solid rgb(240,240,240) 3px;
	max-width: 600px;

}
#text_medium {
	display: flex;
	font-family: 'Martel', serif;
	font-weight: 300;

	background-color:#FFFFFF;
	line-height: 2;
	font-weight:400
}

#gallery {
   line-height:0;
   -webkit-column-count:5; /* split it into 5 columns */
   -webkit-column-gap:10px; /* give it a 5px gap between columns */
   -moz-column-count:5;
   -moz-column-gap:5px;
   column-count:5;
   column-gap:5px;
	background-color: whitesmoke; 
}
	#gallery img {
	   width: 100% !important;
	   height: auto !important;
	   margin-bottom:5px; /* to match column gap */
}
@media (max-width: 5000px) {
   #gallery {
    -moz-column-count:    5;
    -webkit-column-count: 5;
    column-count:         5;
   }

.ekhead {
	position: sticky;
	top: 0;
	z-index: 1000;
	/* Ensures it stays above the images */
	text-align: center;
	background-color: white;
	padding: 15px;
}
     h1 {
     	font-size: 16px;
     }
}
@media (max-width: 2200px) {
   #gallery {
    -moz-column-count:    4;
    -webkit-column-count: 4;
    column-count:         4;
   }
    
	#ekhead{ 
		position: sticky; 
		top: 0; 
		text-align: center; 
		background-color: rgb(255, 255, 255); 
		padding: 15px;
		font-size:16px; 
        } 
       h1{
    	font-size: 16px;
    }
    
}

@media (max-width: 1600px) {
   #gallery {
    -moz-column-count:    3;
    -webkit-column-count: 3; 
    column-count:         3;
   }
 
	#ekhead{ 
		position: sticky; 
		top: 0; 
		text-align: center; 
		background-color: rgb(240,240,250); 
		padding: 15px;
		font-size:15px; 
        } 
     h1 {
     	font-size: 15px;
     }
}

@media (max-width: 1200px) {
	   #gallery {
		-moz-column-count:    2;
		-webkit-column-count: 2;
		column-count:         2;
   }

 
	#ekhead{ 
		position: sticky; 
		top: 0; 
		text-align: center; 
		background-color: rgb(240,240,250); 
		padding: 15px;
		font-size: 16x;
		} 
    h1{
    	font-size: 16px;
    	padding: 5px;
    }
			} 

@media (max-width: 1000px) {
   #gallery {
    -moz-column-count:    1; 
    -webkit-column-count: 1;
    column-count:         1;
   }
    #text_light {
    	max-width: 600px;
    }
   	#ekhead{ 
	position: sticky; 
	top: 0; 
	text-align: center; 
	background-color: rgb(240,240,250); 
	padding: 15px;
	font-size: 16x; 
        } 
    h1{
    	font-size: 16px;
    	padding: 5px;
    }
}
@media (max-width: 700px) {
   #gallery {
    -moz-column-count:    1; 
    -webkit-column-count: 1;
    column-count:         1;
   }
	#ekhead{ 
	position: sticky; 
	top: 0; 
	text-align: center; 
	background-color: rgb(240,240,250); 
	padding: 15px;
	font-size: 16x; 
    	padding: 10px;
        } 

         h1{
    	font-size: 16px;
	padding: 3px;
    }
}
@media (max-width: 500px) {
   #gallery {
    -moz-column-count:    1; 
    -webkit-column-count: 1;
    column-count:         1;
   }
	#ekhead{ 
	position: sticky; 
	top: 0; 
	text-align: center; 
	background-color: rgb(240,240,250); 
	padding: 10px;
	font-size: 16px;

        } 
    h1{
    	font-size: 15px;
    	padding: 5px;

    }