#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #360029; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
/**
         *
         * This styling is mostly to display the gallery.
         * The plugin handles most styling. The CSS below is mostly for the gallery layout.
         *
        */
        body{ background: #000; color: #fff; }
        body, h1, h2{
            font-family: 'Roboto', Arial, sans-serif;
            font-weight: 300;
        }
		
				
		
		.topnav {
  overflow: hidden;
  background-color: #333;
			height: 20px;
			width: 880px;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 1px 20px;
	width: 180px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #360029;
  color: white;
}

		
		
		
		
		
        article {
            max-width:1150px;
            margin: 0.5em auto;
			position: relative;
        }
        h1 {
            font-size: 2.7em;
            text-align: center;
        }
		 h3 {
            font-size: 1.7em;
            text-align: center;
        }
        section {
            max-width: 49%;
            float: left;
            margin-right: 0.5%;
            text-align: center;
        }
        img {
            max-width: 100%;
            height: auto;
        }
        a {
            color: black;
            text-decoration: none;
			width: 280px;
			height: 280px;
			padding-left: 0px;
			padding-right: 0px;
			
        }
		img {
			width: 280px;
			height: 280px;
        }
        a:hover img {
            opacity:0.7;
        }
        a h2, a span {
            /* hide the title and caption until lighterbox shows it */
            display: none;
        }
        @media (max-width: 500px) {
            h1 {
                font-size: 1.5em;
            }
            section {
                max-width: 100%;
                float: none;
            }
        }