html {
    overflow-y:scroll;
}

body {
  background-color: white;
}

a {
	color:white !important;
	}

.logo {
  position: fixed;
  top: 0;
  width: 100%;
  margin-left: -34px;    
  background-color: transparent;
  z-index: 1;
  //margin-top: 0;    
  pointer-events: none;  
}

.logo_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.image_container {
  margin: 16px 8px 8px 8px;
  position: relative;
}

.main_thumb {
  //vertical-align: middle;
  width: 100%;
  cursor: pointer;

}

.image_overlay {
 cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #a7a7a7;
  opacity: 0.7;
  overflow: hidden;
  width: 0;
  //height: 100%;
  transition: .3s ease;
}

.image_container:hover .image_overlay {
  width: 100%;
}

.text {
  cursor: pointer;
  color: yellow;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding: 120px 20px 20px 20px;
  height: 100%; /* Full height */
  width: 100%;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  background-color: rgb(0,0,0);
  object-fit: contain;
  margin: auto;
  height: 95%;
  //height: auto;
  width:auto;
}

/* Caption text */
.caption-container {
  text-align: center;
  padding-top: 20px;
  color: white;
  text-align: center;
  font-family: sans-serif;
  font-size: 21px;  
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

.jumbotron {
  padding-top: 93px !important;
  padding-bottom: 10px !important;
  background: linear-gradient(to top, #474342, #424547);
  border-radius: 0 !important;
}

hr.solid_top {
  border: 3px solid black;
  border-radius: 2px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}


.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}