/* BELOW TRANSITION "transition: opacity 1s ease-in-out;" is the only argunent needed.  -webkit- etc not needed */

/* To view pages uncheck the 'display:none' checkbox to remove the transintin overlay */

.transition {
  /*display: none;*/
  position: fixed;
  opacity: 1;
  /*background-color: #91674c;*/
  /*background-color: #995020;*/
  background-color: #34302c;
  width: 100%;
  /*height: 100%;*/
  height: 100vh;
  z-index: 1000;
  left: 0;
  top: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.transition.fade {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  pointer-events: none;
}

.transition_image_position {
  /*background-image: url("your_logo_here.png");*/
  /*background-repeat: no-repeat;*/
  /*background-size: 400px;*/
  background-position: center;
  margin-top: 115px !important;
  /*top: 150px;*/
  /*width: 500px;*/
  /*height: 500px;*/
  /*margin: auto;*/
}

@media (max-width: 640px) {
  .gun_heading_holder_div.shrink_gun_heading_holder_div_mobile {
    font-size: 2rem!important;
	margin-right:80px !important;
  }
}

@media (max-width: 640px) {
  .gun {
    width: 100px;
    height: auto;
  }
}