
.parallax-2 {
	width: 100%;
	height: 100vh;
	background-attachment: fixed;
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover;
	margin-top: 0;
}

.main-box-2 {
	width: 100%;
	height: 100vh;
}

.site-header .navbar {
    display: inherit!important;
	padding-top: 0!important;
    padding-bottom: 0!important;
}

.custom-logo img {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}
.contact-bg {
	background-color: #e5eeec;
	height: auto;
	padding-top: 10px;
	padding-bottom: 7px;
}


.contact {
	width: auto;	
}

.parallax {
	width: 100%;
	height: 90vh;
}

.baner-mobile {
	display: none;
}

.parallax .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}

	
.parallax img {
	max-width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
}


.parallax-1 {
	width: 100%;
	height: 90vh;
	background-attachment: fixed;
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover;
	margin-top: 0;
}

.parallax-out {
	width: 100%;
	height: 90vh;
}

.parallax-out img {
	max-width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
}

.parallax-in {
	width: 100%;
	height: 90vh;
	background-attachment: fixed;
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover;
	margin-top: 0;
}

.main-box {
	width: 100%;
	height: 90vh;
}

.logo-text-style {
	width: 100%;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	position: relative;
	padding: 5%;
}

.baner-bg {
	background-color: rgba(240, 240, 240, 0.7)!important;
	margin: 20px;
}

@media all and (max-width: 768px) {
.baner-mobile {
	display: block;
	height: 50vh;
}

.parallax {
	height: 150vh;
}

.parallax-1 {
    background-attachment: scroll;
    background-position: 80%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0;
}


.parallax-1 {
	height: 50vh;
}

.parallax-out {
	width: 100%;
	height: 50vh;
}

.parallax-in {
	width: 100%;
	height: 50vh;
	background-attachment: scroll;
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover;
	margin-top: 0;
}

.main-box {
    height: 50vh;
}

.custom-logo img {
    margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.navbar-brand a {
	text-align: center;
	width: 100%;
}
.contact-bg {
    margin-top: 20px!important;
}
}