body {
	font-size: 16px;
	font-family: "Segoe UI";
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}


img {
	max-width: 100%;
}

.img-responsive {
	max-width: 100%;
	height: auto;
	outline: none;
}

.main-banner {
	width: 100%;
	float: left;
	position: relative;
	background: url(../images/photos-master.jpg) no-repeat center center;
	background-size: cover;
	min-height: 100vh;
	clear: both;
}

.container.banner {
	position: relative;
	min-height:100vh;
}
.banner-content {
	width: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	color: #fff;
}

.banner-content .logo {
	margin-bottom: 30px;
}

.banner-content .logo img {
	max-width: 210px;
}

.banner-content .welcome-txt {
	font-size: 26px;
}

.banner-content .brand-name {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}

.banner-content .txt-2 {
	font-size: 26px;
	font-style: italic;
	font-weight: 300;
	margin-bottom: 35px;
}

.banner-content .txt-3 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 22px;
	margin-bottom: 35px;
}

.copyright {
	text-align: center;
	color: #fff;
	font-size: 13px;
}
@media (max-width: 991px) {
	.banner-content {
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 15px;
	color: #fff;
}

.banner-content .logo img {
	width: 150px;
}

.banner-content .txt-2 {
	margin-bottom: 30px;
	font-size: 22px;
}

.banner-content .txt-3 {
	margin-bottom: 30px;
	font-size: 20px;
}

.baner-layer {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

}

@media (max-width: 380px) {
	.banner-content .logo {
		margin-bottom: 0;
	}
	.banner-content .logo img {
		width: 110px;
	}

	.banner-content .txt-2 {
		margin-bottom: 15px;
	}
	.banner-content .txt-3 {
		width: 100%;
		font-size: 18px;
		margin-bottom: 45px;
	}

}

@media (min-width: 1920px) {
	.container {
		max-width: 1680px!important;
	}
	.banner-content {
	width: 47%;
}