body, html {
	height: 100%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
h4, h6{
	color:gray;
	text-align:center;
}
.banner{
	width:100%;
	border-radius: 25px;
	border: 2px solid #eb4034;
}
.col-sm-3 .col-xs-6{
	padding: 5px;
}
.row{
	padding:15px;
}
.footer{
	text-align:center;
	color:#7a7878;
}
.vibrate{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 20%;
}
.vibrate:hover {
	animation: shake 0.5s;
	animation-iteration-count: infinite;
}
@keyframes shake {
	0% { transform: translate(1px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-2deg); }
	20% { transform: translate(-3px, 0px) rotate(2deg); }
	30% { transform: translate(3px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(2deg); }
	50% { transform: translate(-1px, 2px) rotate(-2deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(3px, 1px) rotate(-2deg); }
	80% { transform: translate(-1px, -1px) rotate(2deg); }
	90% { transform: translate(1px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-2deg); }
}