body {font-family: 'Slabo 27px', serif;}
h2 {margin-top: 0;}
a {color: #8b4c1e; }
a:focus, a:hover {color: #8b4c1e;}
p {font-size: 18px; color: #777; line-height: 22px;}
p.homepage-mission {font-size: 22px; line-height: 30px; margin-bottom: 30px; text-align: center; color: #2c2c2c;}
ul {margin-bottom: 30px;}
ul li {font-size: 16px; color: #777;}
.img-p { padding: 20px 0; }
.img-p-2 { padding: 10px; margin: 30px 0 0 0;  }
.img-p-3 { padding: 20px; }
.p-box {background-color: #fff; padding: 20px}

img.logo { margin: 0 auto; width: 120px;  display: block; margin-bottom: 20px;}
span.logo-title {text-align: center; display: block; text-transform: uppercase; font-size: 22px; letter-spacing: 1px; line-height: 24px;}
span.logo-title-2 {text-align: center; display: block; margin-bottom: 50px; text-transform: uppercase; font-size: 12.2px;}

.background-header {background: url(../img/background-header-mobile.jpg); background-size: cover; background-position: 50% 0%; margin-bottom: 40px; }

.navbar-nav {margin: 0 -15px;}
.navbar-toggle {border-radius: 0;}
.navbar-default {background-color: transparent; border: none;}
.navbar-nav>li {text-transform: uppercase; font-size: 20px; border-bottom: 1px solid #777; letter-spacing: 1px; background-color: rgba(255,255,255,0.5);}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #777;}
.navbar-default .navbar-toggle {border-color: #000;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
.navbar-default .navbar-toggle .icon-bar {background-color: #000;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
}
.navbar-collapse {  }
.navbar-default .navbar-nav>li>a {text-align: center; padding-top:15px; padding-bottom: 15px;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #8b4c1e;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color: transparent; }

.navbar-default .navbar-nav .open .dropdown-menu>li>a {text-align: center; font-size: 18px;}

#map {margin: 20px 0;}

#carousel-homepage, #carousel-engraving, #carousel-painting {margin-top: 30px;}

#footer {
	font-family: "Arial, Helvetica, sans-serif";
	background-color: #f0f0f0;
	padding: 30px 0;
	font-size: 13px;
	color: #555;
	margin-top: 20px;
	text-align: center;
}

@media (min-width: 768px) {
	body {
		background-color: #f0f0f0;
	}
	h2 {margin-bottom: 30px;}

	p {font-size: 18px;}
	p.homepage-mission {font-size: 26px; line-height: 30px; margin-bottom: 30px; text-align: center; color: #2c2c2c;}
	.p-box {min-height: 150px;}
	img.logo { margin: 70px auto 10px auto; width: 150px;  display: block; }
	span.logo-title {font-size: 22px; line-height: 20px;}
	span.logo-title-2 {margin-bottom: 30px; font-size: 12.2px;}

	.img-p-2 { padding: 0 20px 20px 20px; }
	


	.navbar {
		border-radius: 0;
		margin-bottom: 0;
	}
	
	.navbar .navbar-nav {
  		display: inline-block;
  		float: none;
  		vertical-align: top;
	}

	.navbar .navbar-collapse {
  		text-align: center;
  		/*background: url(../img/frame-1.png) 100% 140% repeat-x;*/
		/*background-size: 40px;*/
	}
	.navbar-collapse { border-bottom: none; }
	.navbar-default {
		background-color: transparent;
		border: none;
	}
	.navbar-nav>li {text-transform: uppercase; font-weight: 200; letter-spacing: 1px; border:none; background-color: transparent;}
	.navbar-default .navbar-nav>li>a {text-align: center; color: #555;}
	.navbar-nav>li>.dropdown-menu {
		border-radius: 0;
		border: none;
	}
	.dropdown-menu {padding: 0;}
	.dropdown-menu>li>a {font-size: 16px; color: #555; padding: 6px 20px;}
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #8b4c1e; }
	.nav-lines {border-bottom: 2px solid #dddddd; margin-top: -25px;}
	.navbar-default .navbar-nav>li>a { font-size: 18px; background-color: rgba(255,255,255,0.5);}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		background-color: #f0f0f0;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		background-color: #f0f0f0;
		color: #8b4c1e;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color: transparent; }

	.background-header {background: url(../img/background-header-2.jpg); background-size: 100%; background-position: 50% 0%; margin-bottom: 0; }
	.background-grey {background-color: #f0f0f0; padding: 50px 0 0 0;}

	#footer {
		background-color: #fff;
		text-align: left;
		font-size: 14px;
	}

@media (max-width: 1000px) {
	
}