/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/*GLOBAL CSS START*/

/*fonts*/
 @font-face { font-family: AmericanTypewriter; src: url('../fonts/AmericanTypewriter.ttf'); } 
/* Global Styles */

html,
body {
    height: 100%;
	font-family: AmericanTypewriter, serif;
	color:  #613022;
	padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

h1 { color: #fff; font:serif; }
.bg-h2 { font-size: 3vw;}
.pink-text { color: #e03575; }
a, a:focus, a:hover { color: #613022; }
.panel { margin-bottom:5px; }

/*GLOBAL CSS END*/
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/*header*/
.head-row { background-color: #fbf1d1; border-bottom: 20px #613022 solid;}
.head-ft-brown { color: #613022;}
.head-phone { font-size: 2em; padding-top: 1%; padding-bottom: 1%;}
.head-email { font-size: 1.25em; }
.head-social { padding-top: .75%; padding-bottom:1%; }

/*menu navigation*/
.navbar-default { border-top: 10px #e03575 solid; border-bottom: 4px #e03575 solid; background-image: url('../img/nav-background.png'); position:relative; z-index: 100; min-height: 75px;}
.navbar-header {
    float: left;
    text-align: center;
    width: 100%;
}


.btn-default { color: #fff; background-color: #e03575; border-color: #e03575; border-radius: 20px; min-width: 100px; }


/* Home Page Carousel */


header.carousel {
    height: 65%;
	margin-top:-5%;
	margin-bottom: 5%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
	border-bottom: #e03575 solid 10px;
	background-color: #fbf1d1;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.carousel-caption { right: 20%;  left: 57%; top: 0px; bottom: 0px; background-color: rgba(255, 255, 255, 0.75); }

.carousel-p1 { color: #613022; font-size: 1.5vw; padding-left: 8%; padding-right: 8%; padding-top: 7%; }
.carousel-p2 { color: #e03575; font-size: 1.75vw; padding-right: 7%; padding-left: 7%; padding-top: 5%; padding-bottom:2%; }

/*homepage static slide*/
#desktop-slide { margin-top: -2%; margin-bottom:5%; }
.center-image { margin:0 auto; }
.row-slide { background-color:#fbf1d1; }

/*boxes section of HOME page */

.blue-row  { border-bottom: 15px #613022 solid; background-image: url('../img/blue-background.png'); padding-top: 5%; margin-top: -5%;}
.box-shell {min-height: 190px; }
.box-list { padding-left: 30%; }
.box-list li { color: #e03575; font-size:large; }
.box-list li span { color: #613022; }
.home-panel { border-color: #613022; border-width: 2px; } 
.home-heading { background-color:#fbf1d1 !important; }
.home-body { background-color:#fbf1d1; }

/* message section HOME page */
.msg-full { padding-left: 10%; padding-right: 10%; padding-bottom: 1%;}

/*Rates page*/
.pink-row { background-color: #e03575; z-index: 1; position: relative; min-height: 150px; margin-top: -6%; padding-top: 6%; padding-bottom: .25%; border-bottom: solid 20px #613022; }
.rate-list { color: #e03575; font-size: 2em; }
.rate-list li { padding-bottom: 2%; }
.rate-li { color: #613022; font-size: .70em; }
.rate-btn { padding-top: 1%; padding-bottom: 3%; }

/*menu page*/
.menu-container { background-color: #fbf1d1; width: 90%; border-right: solid 10px #e03575; border-left: solid 10px #e03575; margin-top: -2%; }
.menu-panel { margin-left: 4%; margin-right: 4%; margin-top: 4%; }
.menu-heading { color: #613022 !important; background-color: #71c1d5 !important; border-color: #71c1d5 !important; }
.menu-body {-webkit-box-shadow: 15px 15px 0px 0px rgba(113,193,213,1); -moz-box-shadow: 15px 15px 0px 0px rgba(113,193,213,1); box-shadow: 15px 15px 0px 0px rgba(113,193,213,1); font-weight:bold; padding-left: 8%; padding-right: 5%;}
.menu-btn-container { padding-top: 7%; padding-bottom: 3%;}
.menu-btn { min-width:250px;  }
li h2 { font-size: 1.75em; }
.menu-h2 { font-size: 1.75em; }


/*contact form */
#success_message{ display: none;}
.well { background-color: rgba(245, 245, 245, 0.33); }


/* Footer Styles */

footer { border-top: #e03575 8px solid; background-color: #fbf1d1; }
.top-footer { padding-top: 2%; padding-bottom: .125%; }	
.footer-links li { list-style:none; float:left; padding-left: 12%; font-size: 1.25em;}
.foot-fb { padding-right: 3%; padding-bottom: 3%;}
.btm-footer { font-size:x-small; }
.foot-contact { font-size: 1.25em;}
	


/* Responsive Styles */
@media(max-width:1399px) {
	.carousel-p1 { font-size: 1.75vw; }
	.carousel-p2 { font-size: 2.5vw; }
	
}

@media(max-width:1199px) {
	.carousel-p1 { font-size: 2.0vw; }
	.carousel-caption { right: 3.3%; left: 64%; top: 0%; bottom: 0%;}
}

@media(max-width:991px) {
    .customer-img, .img-related { margin-bottom: 30px; }
	.carousel-caption { right: 3.3%; left: 64%; top: 0%; bottom: 0%;}
	.cherry img { max-height: 150px; float: right; padding-right: 12%; margin-top: 5%; }
}

@media(max-width:767px) {
    .img-portfolio { margin-bottom: 15px; }
	.cherry img { padding-right: 45%; }

    header.carousel .carousel {
        height: 70%;
    }
	.navbar-brand { float:none; }
	.navbar-header { padding-left: 5%; }
	.navbar-collapse { width: 100%; padding-left:10%; }
	.navbar-btn .btn-default { width: 100%; }
	.navbar-brand>img { margin: auto; padding-left: 9%;}
	.foot-social { text-align:center; padding-top:5%;}
	.foot-contact { text-align:center; }
	#mobile-slide { margin-top:-5%; margin-bottom: 5%; }
	.footer-links { text-align:center; padding-left:0; }
	.footer-links li { padding-left: 27%; }
	.menu-heading { font-size: 3.5vw; }
	.home-panel { margin-top: 5%; }
	.msg-full h2 { font-size: 1.5em; }
	.btm-footer { float:none !important; text-align:center; }
	.title_h1 h1 { font-size: 4.5vw; padding-left: 10%; padding-right: 10%; }
	.pink-row { padding-top: 2%; min-height: 111px;}
	
}

@media(max-width:595px) {
	.footer-links li { padding-left: 26.5%; }
	
}


@media(max-width:450px) {
	
	.navbar-brand>img { margin: auto; padding-left: 0%; width: 84%; }	
	.carousel-caption { right: 18.3%; left: 55%; top: 0px; bottom: 0px;}
	.msg-full h2 { font-size: 4vw; }
	.footer-links li { padding-left: 24%; }
}

@media (min-width: 768px) {
	.navbar-right { width: 30%; }
	.navbar-left { width:30%; margin-left: 7%;}
	.navbar-left li { margin-right: 10%; }
	.navbar-brand {float:none;}
	.navbar-brand>img { display:inline-block; margin-top: -6.5%; margin-bottom: -4%; }
	.navbar-btn {display: inline-block; margin-right: 15%; margin-top:1px; margin-bottom:18px; }
	.brand { margin-top: -3%; }
	.head-row { min-height: 100px; }
	.trailer { margin-left: -6%; }
	.home-panel { margin-top: 2%; }
	.menu-body  { font-size: 1.25vw }
	.menu-heading { font-size: 2.5vw; }
	.cherry { margin-top: -7%; }
	.cherry img { float: right; padding-right:20%; }
	
	
}