a.highlighted {
	color:#ffffff !important;
}
/* BOOTSTRAP  */

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color:none !important;
}

body {
    overflow-x: hidden;
	font-family: Nunito, Avenir, sans-serif;
    /*font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;*/
	/*background-image: url("../images/chalkboard_bg.jpg");*/
	background-image: url("../images/brick-wall2.jpg");
}

.text-muted {
    color: hsl(0, 0%, 22%);
    font-family: droid serif,serif;
    font-size: 18px;
    line-height: 190%;
    /*text-align: left;*/
}

.text-primary {
    color: #9b0101;
}

.white {
	color:white;
}


p {
    font-size: 14px;
    line-height: 1.75;
}

p.large {
    font-size: 16px;
}

.center {
	text-align:center;
}

/*a.project-link {
	text-decoration:none;
	
    float: right;
    font-family: "Oswald",sans-serif !important;
    font-size: 13px;
    font-style: normal;
    line-height: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    text-transform: uppercase;
}*/

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
	text-decoration: none;
}

a {
	/*color:#9b0101;*/
	color:#fff;
}

a:hover,
a:focus,
a:active,
a.active {
    color:#fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    /*font-family: "Futura",Helvetica,Arial,sans-serif;*/
	font-family: 'Monserrat', sans-serif;
    font-weight: 700;
}

h2 {
	font-size:24px;
}

/* IMAGES */

	#view-container-menu {
		/*background-position: 1% 1%;*/
		/*width:100%;*/
	}
	
	#frame {
		background-image: url("../images/frame.png");
		background-repeat: no-repeat;
		height: 350px;
		width:390px;
		padding:30px 40px;
		position:relative;
		top:-350px;
		margin: 0 auto;
		/*position: absolute;
		top:75px;
		margin-left:29%;*/
}

	/*#frame-menu {
		background-image: url("../images/frame.png");
		background-repeat: no-repeat;
		height: 350px;
		width:400px;
		padding:30px 40px;
		position: relative;
		top:-31px;
		margin:auto;
	}*/
	
	.arrowdown {
		left: 178px;
		position: absolute;
		top: 240px;
		width:35px;
		height:22px;
		/*background-image: url('../images/arrow-down.png');
		background-repeat: no-repeat;*/
		text-decoration:none;
	}
	
	.dinnertable {
		background-image: url('../images/table.png');
		background-repeat: no-repeat;
		height: 361px;
		width: 773px;
		position: relative;
		top: -385px;
		margin:0 auto;
		z-index:2;
	}
	
	.candle {
		background-image: url('../images/candle.gif');
		background-repeat: no-repeat;
		height: 134px;
		width: 160px;
		position: relative;
		top: 95px;
		left:7px;
		margin:0 auto;
		z-index:10;
	}
	
	.curtain-left {
		background-image: url('../images/curtain-left.png');
		position:absolute;
		background-repeat: no-repeat;
		width:308px;
		right:85%;
		height:760px;
		top:0;
		z-index:4;
	}
	
	.curtain-right {
		background-image: url('../images/curtain-right.png');
		position:absolute;
		background-repeat: no-repeat;
		width:346px;
		/*right:0;*/
		left:85%;
		height:760px;
		top:0;
		z-index:4;
	}
	
	.play-button {
   	 	bottom: -170px;
    	position: relative;
    	left:-4px;
	}
	
	.play-button a {
		text-decoration:none;
		font-family:Montserrat, sans-serif;
	}
	/*#chalkboard_indent {
		background-image: url("../images/chalkboard.png");
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: 350px;
		
		padding:30px 40px;
		position: relative;
		top:-31px;
} */

	/*.title-bd {
		background-image: url("../images/title-blinddate2.png");
		background-repeat: no-repeat;
		background-size: 85% auto;
		height: 164px;
		width:auto;
		position:relative;
	}*/

	.social-icons {
		width:200px;
		height: 32px;
    	position: absolute;
    	right: 0;
    	width: 200px;
		top:8px;
	}

	.facebook {
		width:50px;
		position:absolute;
		display:inline;
		right:40px;
	}

	.sharethis-inline-share-buttons {
		position:absolute;
		width:50px;
		right:0;
		display: inline;
		z-index: 40 !important;
	}
	
	h1#chalkboard_indent {
		font-size:x-small !important;
	}
	.waiter {
		background-image: url("../images/waiter.png");
		background-repeat: no-repeat;
		background-size:cover;
		width: 440px;
		height:500px;
		top: 330px;
		position: absolute;		
		z-index:1;
		pointer-events:none;
		right:33%;
	}
	
	.waiter-main {
		background-image: url("../images/waiter.png");
		background-repeat: no-repeat;
		background-size: cover;
		height: 642px;
		pointer-events: none;
		position: absolute;
		right: -97px;
		top: 100px;
		width: 547px;
		z-index: 3;
		-ms-transform: rotate(-15deg); /* IE 9 */
		-webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
		transform: rotate(-15deg);
		display:none;
	}
	
/* end items */ 

#about {
	background-color:white;
}

.img-centered {
    margin: 0 auto;
}

.navbar-default {
    border-color: transparent;
    background-color: hsl(225, 23%, 10%); 
}

.navbar-default .navbar-brand {
	font-family: Nunito, 'Avenir', sans-serif;
	text-transform:uppercase;
    color: #cccccc;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #444;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border-color: #111;
    background-color: #111;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #222;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: Nunito, Avenir, sans-serif;
    font-weight: 400;
    letter-spacing: 5px;
	font-size:12px;
	color:hsl(0, 0%, 60%); 
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
   /* color: #9b0101;*/
    color:#fff;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    /*background-color: #9b0101;*/
	background-color: hsla(0, 0%, 0%, 0);
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: hsla(0, 0%, 0%, 0);
}

.navbar-nav > li > a {
	padding-top:21px;
}

@media(min-width:768px) {
    
    
	.navbar-default {
        padding: 25px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        font-size: 0.01em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
		
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
        padding: 0px 0;
        background-color: hsla(0,0%,0%,0.50);
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
		/* move position*/
		left: 20px;
		position: relative;
		top: 0;
		color:white;
    }
	
	
}

header {
    text-align: center;
    color: #fff;
	height:760px;
    background-attachment: scroll;
	/*background-image: url("../../images/background.jpg");*/
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header .intro-text {
    /*padding-top: 100px;*/
    padding-bottom: 50px;
}

header .intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: italic;
    line-height: 22px;
}

header .intro-text .intro-heading {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
}

@media(min-width:768px) {
    header .intro-text {
        /*padding-top: 300px;*/
        /*padding-bottom: 200px;*/
		
		margin-bottom: -36px;
    	padding-top: 420px;
    }

    header .intro-text .intro-lead-in {
        margin-bottom: 25px;
        font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 40px;
        font-style: italic;
        line-height: 40px;
    }

    header .intro-text .intro-heading {
        margin-bottom: 50px;
        text-transform: uppercase;
        font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 75px;
        font-weight: 700;
        line-height: 75px;
    }
	
	
	/* images outside of mobile */
	
	#view-container-menu {
		/*background-position:30% 30%;*/
	}
	
	.chalkboard { 
		/*background-image:url('../blinddate/images/chalkboard.png');*/
		height: 794px;
		width: 100%;
		position:absolute;
		top:6px;
		left:12%;
		/*background-position: 20% 1%;*/
	}
	
	.title-bd {
		background-size: 85% auto;
		width:600px;
	}
	
	#chalkboard_indent {
		height: 452px;
    	/*left: 15%;*/
		/*left:21%;*/
		/*position: relative;*/
		position:absolute;
		right:13%;
		top: 163px;
		width: 778px;
		background-image:url('../images/chalkboard.png');
		padding:65px;
	}
	
	.waiter {
		background-image: url("../images/waiter.png");
		background-repeat: no-repeat;
		width: 715px;
		height:858px;
		top: -34px;
		bottom: 0;
		right:64%;
		position: absolute;		
		z-index:1;
		pointer-events:none;
		background-position:39% -24%;
	}
	
}

section {
    padding: 100px 0;
}

section h2.section-heading {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 40px;
	font-family: "Oswald",Arial,sans-serif;
}

section h3.section-subheading {
    margin-bottom: 75px;
    text-transform: none;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}

@media(min-width:768px) {
    section {
        padding: 150px 0;
    }
    
   
}

.service-heading {
    margin: 15px 0;
    text-transform: none;
}

@media(max-width:992px) {
  
  .waiter-main {
		right: -118px;
	}
}

@media(max-width:767px) {
    #frame {
		top:225px;
		background-size: 68% auto;
		margin-left:34%;
	}
	
	.dinnertable {
		background-size:65% auto;
		top:110px;
		margin-left:9%;
		height:250px;
	}
	
	 .waiter-main {
		right: -215px;
		background-size:65% auto;
		top:300px;
		height:422px;
	}
	
	.arrowdown {
		top:145px;
		left:119px;
	}
	
	.play-button {
    	bottom: -100px;
    	position: relative;
    	left: -65px;
	}
	
	
   

}

#contact {
	background-color:#141720;
	color:#999;
}

.contact-text {
	color:#999;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	padding-bottom:20px;
   
   
}

footer {
    padding: 25px 0;
    text-align: center;
	background-color:#141720;
}

footer span.copyright {
    text-transform: uppercase;
    text-transform: none;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 40px;
	color:#666;
}

footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 40px;
}

/* MOBILES */
		
@media(max-width:500px) {
		
		
		.navbar-brand > img {
			height:85%;
			width:85%;
		}
		
		.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
			padding-bottom: 0;
			padding-left: 3px;
			padding-right: 0;
			padding-top: 15px;
		}
		
		.navbar-brand.page-scroll {
			height: 84%;
			width: 84%;
		}
		
		#frame {
			margin-left: 20%;
		}
		
		.dinnertable {
		margin-left:-7%;
	}
}

@media(max-width:390px) {
		
		
		/*.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
			padding-bottom: 11px;
			padding-left: 3px;
			padding-right: 0;
			padding-top: 12px;
		}*/
		
		.navbar-brand.page-scroll {
			height: 80%;
			width: 80%;
		}
		
		#frame {
			margin-left: 15%;
		}
}