html, body {
	height:100%;
	width:100%
}
.pad-section {
	padding:50px 0
}
.pad-section img {
	width:100%
}
.text-vcenter {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:5% 5%;
}


@media (max-width:767px){
.text-vcenter {
	display:block;
	text-align:center;
	vertical-align:middle;
	padding:5% 5%;
}
}
@media (min-width:768px){
.text-vcenter {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:5% 5%;
}
}

.text-vcenter h1 {
	font-size:4.5em;
	font-weight:700;
	margin:0;
	padding:0
}
#home {
	background:url(https://www.asustor.com/images/friendsite/friendsite.jpg) no-repeat center center fixed;
	display:table;
	height:80%;
	position:relative;
	width:100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
#services {
	background-color:#306d9f;
	color:#fff
}
#services2
{
	background-color:##f5f6f8;
}
#services .glyphicon {
	border:2px solid #FFF;
	border-radius:50%;
	display:inline-block;
	font-size:60px;
	height:140px;
	line-height:140px;
	text-align:center;
	vertical-align:middle;
	width:140px
}
#information {
	background:url(https://www.asustor.com/images/friendsite/friendsite2.jpg) no-repeat center center fixed;
	display:table;
	height:800px;
	position:relative;
	width:100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
#information .panel {
	opacity:.85
}
#google_map {
	height:500px
}
footer {
	padding:20px 0
}
footer .glyphicon {
	color:#333;
	font-size:60px
}
footer .glyphicon:hover {
	color:#306d9f
}

.pf50
{
	padding: 10px 50px;
}

.panel textarea
{
	width:100%;
	height:50px;
	
}