body {
  padding-top: 5rem;
}

.box-shadow
{
	-webkit-box-shadow: 0 1px 1px rgba(72,78,85,.6);
	box-shadow: 0 1px 1px rgba(164, 36, 252);
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

.box-shadow:hover
{
	-webkit-box-shadow: 1 20px 40px rgba(72,78,85,.6);
	box-shadow: 0 20px 40px rgba(58, 43, 72);
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-o-transform: translateY(-15px);
	trans
}
// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}