@charset "utf-8";
.bg-nav{
	background-color: #ff6633;
}

#mainNav{
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-weight: 700;
}
#mainNav .navbar-brand{
	color: #fff;
}

@media (min-width:992px){
	#mainNav{
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
		transition: padding-top .3s,padding-bottom .3s
	}
	#mainNav .navbar-brand{
		font-size: 2em;
		transition: font-size .3s
	}
	#mainNav .navbar-nav{
		margin-top: 0;
	}
	#mainNav .navbar-nav>li.nav-item>a.nav-link.active{
		color: #fff;
		background: #18bc9c
	}
	#mainNav .navbar-nav>li.nav-item>a.nav-link.active:active,#mainNav .navbar-nav>li.nav-item>a.nav-link.active:focus,#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover{
		color: #fff;
		background: #18bc9c
	}
	#mainNav.navbar-shrink{
		padding-top: .5rem;
		padding-bottom: .5rem;
	}
	#mainNav.navbar-shrink .navbar-brand{
		font-size: 1.5em;
	}
}


/*--------------------------------*/

.header-bg{
	background-color: #fde8b0;
}

.service{
	background-color:#ffcc99;
	padding-bottom:2rem;
}
.area{
	background-color: #fde7ad;
}
@media (max-width:768px){
	.area{
		width:90%;
}
}
section h3{
	line-height:1.5em;
	}
	
@media (max-width:768px){
	section h3{
	font-size:18px;
	line-height:1.5em;
	}
}


.footer {
	
	height: 350px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:url(../images/footer-bg.jpg);
	background-size: cover;
}

/*---------------------------------------*/

.scroll-to-top{
	z-index: 1042;
	right: 1rem;
	bottom: 1rem;

}
.scroll-to-top a{
	width: 3.5rem;
	height: 3.5rem;
	background-color: rgba(33,37,41,.5);
	line-height: 3.5rem;
}