.mb20 {
	margin-bottom: 20px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb80 {
	margin-bottom: 80px;
}
.navbar-brand {
	font-family: 'Dancing Script', cursive;
	float: left;
	height: 50px;
	padding: 15px 15px;
	font-size: 26px;
	line-height: 20px;
	text-transform: capitalize;
}
.test1 {
	font-size: 1.5em;
	color: #999;
	font-weight: 300;
	font-family: 'Coda Caption', sans-serif;
	margin-bottom: 0px;
	padding-top: 5px;
}
.test2 {
	padding-top: 3px;
}
header .brand-name-subtext {
	line-height: 1.4em;
	font-size: 26px;
	font-weight: 300;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.9);
}

@media (max-width: 767px) {
header .brand-name-subtext {
	font-weight: 600;
}
}
header img {
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.9));
	max-width: 90%;
	max-height: 300px;
}
header .brand-name {
	font-size: 160px;
	line-height: 140px;
	text-transform: capitalize;
	font-weight: 300;
	margin-top: 15px;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-transform: none;
}

@media (max-width: 767px) {
header img.logo {
	max-width: 90%;
	max-height: 100px;
}
.portfolio-modal .modal-content h2 {
	margin: 0;
	font-size: 26px;
}
header .brand-name {
	font-size: 100px;
	line-height: 100px;
	text-transform: capitalize;
	font-weight: 300;
	margin-top: 15px;
	font-style: normal;
}
header .brand-name-subtext {
	font-size: 0.9em;
}
.portfolio-carousel .item .project-details .project-name {
	font-size: 25px;
	height: 160px;
}
.portfolio-carousel {
	height: 450px;
}
}
header .intro-content {
	width: 100%;
}
header .brand-name {
	margin-bottom: 15px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color: #ffffff;
	background-color: #086108;
	border-color: #086108;
}
.btn-full-width:hover {
	background-color: #086108;
	color: white;
}
#pricing h2, #pricing p {
	text-shadow: 0px 0px 10px rgba(0,0,0,0.9);
}
#portfolioModal8 p {
	text-align: center;
}

@media (max-width: 767px) {
#portfolioModal8 p {
	text-align: left;
}
	
}
header .intro-content {
    top: 55%;
}