body {
	margin:0;
	padding:0;
    font-family: Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}
.main {
	display:table;
	z-index:99;
	position:fixed;
	text-align:center;
	width:100%;
	height:100%;
	/* background-color:rgba(0, 0, 0, .7); */

}
.container {
	display: table-cell;
	vertical-align: middle;
	color:#FFFFFF;
	width:20%;
	height:20%;

}
.caption {
	width:50%;
	max-width:500px;
	margin:auto;
	padding:40px;
	background:rgba(0, 0, 0, 0.3);
	transition:1s;
}

.caption:hover {
	transform: scale(1.1);
	transition:1s;
}
.caption a {
	display:block;
	margin: 20px;
	background:transparent;
	color: #FFFFFF;
	border: 3px solid #FFFFFF;
	transition:0.5s;
	text-decoration:none;
}
.caption a :hover{
	background:#48B9EC;
	transition:0.5s;
	color: #FFFFFF;
}
.caption a i {
	padding: 10px 20px;
	display:block;
}