@media (max-width: 991px){
	a.index-nav-link{
		color: #FFFFFF!important;
		font-size: 18px;
	}
	.opacity-0{opacity: 0!important}
	.opacity-5{opacity: 1!important}
	.bg-index-white{
		background-color: #FFFFFF!important;
	}
	.text-index-primary{
		color: #6D543E!important; 
	}

	/*nav*/
	#nav{
		padding: 8px;
		margin: 0 -16px;
	}
	#nav-menu {
		margin-top: 8px;
		margin-bottom: -8px;
	}
	#navbar-wrapper{
		height: 100vh;
		background-color: #6D543E;
		text-align: center;
		padding: 16px 16px 0 16px;
	}
	#img-brand{
		height: 10px;
	}
	a.nav-link{
		color: #FFFFFF!important;
		font-size: 18px;
	}
	#nav-block{
		height: 42px;
		margin: .5rem 1rem;
	}

	.ml-quote{
		font-size: 15px;
		line-height: 18px;
	}
	#m-works-collapse{
	    margin: 0 -16px;
		background-color: #594636;
	}
	#m-works ul{
		font-size: 18px;
	}
	#m-works ul li{
		font-size: 12px;
		padding: 0;
	}
	#d-works{
		display: none;
	}
	.index-nav-link{
		display: block;
		padding: .5rem 1rem;
	}
	#index-nav{
		padding: 8px;
		margin: 0 -16px;
	}

	.about{
		width: 100%;
	}
	.about-content{
		padding: 24px;
	}
	.works-item {
		display: none;
	}
	#works-prev-wrapper, #works-next-wrapper{
		display: none;
	}
	#works-prev h5, #works-next h5 {
		color: #FFFFFF;
	}
	#works-m-prev, #works-m-next{
		display: block;
		z-index: 999;
	}
	#works-m-prev{
		color: #FFFFFF;
		position: absolute;
		margin-left: 16px;
		opacity: 0.5;
	}
	#works-m-prev:hover{
		opacity: 0.9;
	}
	#works-m-next{
		color: #FFFFFF;
		position: absolute;
		right: 0;
		margin-right: 16px;
		opacity: 0.5;
	}
	#works-m-next:hover{
		opacity: 0.9;
	}
	.works-link-wrapper{
		display: none;
	}
	.works-link-wrapper-m{
		display: none;
	}

	/*contact*/
	.contact-content{
		text-align: center;
	}
}