/* Typography
	* --------------------------------------- */


body {
font-family: Arial, serif;
font-size: 16px;
line-height: 1.45;
color: #fff;
background-color: #222;
}

p, a {
margin: 0 0 27px;
letter-spacing: -0.01em;
}


a {
	color: #fff !important;
	text-decoration: none !important;
	border-bottom:3px solid #222 !important;
	padding-bottom:4px !important;
}

a:hover{
	color:#fff !important;
	border-bottom:3px solid #fff !important;
	text-decoration: none !important;
}





 
		/* Main
	* --------------------------------------- */

	#bg-image{
    background-repeat:no-repeat;
    position: absolute;
    width:100%;
    height:100%;
    min-height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    display:table;
}

.bg-image-overlay{
    display:table-cell;
    vertical-align: middle;
    min-height:100%;
    width:100%;
}

.center{
    text-align: center;
    border:4px solid #fff;
    margin:0 !important;
    padding:0 !important;
}

.i-b{
	display:inline-block !important;
}

.logo{
	float:none;
	width:100%;
	padding:30px 0;
}

.left-top{
	height:120px;
	border-top:4px solid #fff;
	float:left;
	padding:36px 0 0px;
}

.right-top{
	height:120px;
	float:left;
	border-top:4px solid #fff;
	border-left:4px solid #fff;
	padding:46px 0 0px;
}

.left-bottom{
	border-top:4px solid #fff;
	float:left;
	padding:40px 0 10px;
}

.right-bottom{
	float:left;
	border-top:4px solid #fff;
	border-left:4px solid #fff;
	padding:40px 0 10px;
}


/* Responsive
	* --------------------------------------- */


@media (max-width: 767px) {

.right-top, .left-top, .right-bottom, .left-bottom, .center{
	border:none;
}

.logo{
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
}

.right-top, .left-top, .right-bottom, .left-bottom{
	border-bottom:2px solid #fff;
}


}