.container{
  margin-top: 50px;
}

.container div{
  margin-right: 0px;
  margin-left: 0px;
}

hr{
  border: 0px;
  background-color: black;
  opacity: .5;
  height: 1px;
}

.hr_d{
  margin-bottom: 50px;
}

/*****************************************************************
  EXIT
*****************************************************************/

.exit, .exit_photo{
  position: absolute;
  width: 50px;
  height: 50px;
  cursor: pointer;
  margin: 0 auto;
  z-index: 104;
  color: black;
  right: 10px;
  top: 10px;
}

.cross{
  position: absolute;
  background-color: black;
  height: 2px;
  width: 30px;
  cursor: pointer;
  -o-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.cross1{
  top: 20px;
  right: 10px;
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cross2{
  top: 20px;
  right: 10px;
  -o-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.exit_photo:hover, .exit:hover .cross1, .exit:hover .cross2{
  -o-transform: rotate(0deg)!important;
  -moz-transform: rotate(0deg)!important;
  -webkit-transform: rotate(0deg)!important;
  transform: rotate(0deg)!important;
}

/*****************************************************************
  DISPLAY PHOTOS
*****************************************************************/

.display_photo{
  position: fixed;
  width: 100%;
  z-index: 2;
  display: none;
}

.display_photo img{
  width: 100%;
  max-width: 600px;
}