body{ 
  background: black url('../image/splash_bg.jpg') center center no-repeat;
}
.container {
	margin: 20px auto;
}
  .mob-on{
	display: none;
  }
  .mob-off{
	display: block;
  }
  .signature{
	position: relative;
	z-index: -1;
  }
  .inactive{
	position: relative;
	z-index: -1;
	opacity: .4;
  }
  .mob-off.signature{
	margin-right: 70px;
  }
  .blog{
	margin-top: 70px;
  }
  img{
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	max-width:100%;
	height:auto
  }
  .bs{
	-webkit-box-shadow: 5px 5px 19px black;
	-o-box-shadow: 5px 5px 19px 0px black;
	-moz-box-shadow: 5px 5px 19px 0px black;
	box-shadow: -5px 5px 19px 0px black;
  }
  a{
	color:white;
  }
  a:hover{
	color:white;
	text-decoration: none;
  }	
  a>img:hover{
	opacity: .7;
  }
  .created{
	text-align: center;
	color:#5a5a5a;
	font-size: 12px;
  }
  .created span{
	color:#ffffff;
  }
@media (max-width: 767px) {
.container {
	margin: 20px auto 40px;
}
  .mob-on{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
  }

  .mob-off, .mob-on-row{
	display: none;
  }
}