.main-page{
	width: 100%;
	height: 100vh;
	position: relative;

}
.main-page .main-banner{
	width: 100%;
	height: 596px;
	overflow: hidden;
}
.main-page .welcome-note{
    position: absolute;
    width: 40%;
    height: auto;
    top: 80%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100;
    padding: 25px;
    color: #fff;
    text-align: center;
}
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}
@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}
.services-page{
	width: 100%;
	height: 100vh;
	position: relative;
	padding-top:100px;
}