body {
  padding-top: 50px;
  font-family: 'Open Sans', sans-serif;
  color: #222;
  font-size: 17px;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}

h1, h2, h3, h4, h5 {
   font-family: Oswald, sans-serif;
   font-weight: 700;
   line-height: 1.25em;
}

b, strong {
   font-weight: 700;
}

p {
    margin-top: 0.6em;
    margin-bottom: 1.1em;
}

.navbar {
    height: 100px;
    background: #00041a url(../images/header-bg.png) top repeat-x;
	border: 0;
	padding: 16px;
	text-align: center;
}


.headline {
	padding: 60px 0;
	width: 100%;
	background: #683c29 url(../images/background1.jpg) top no-repeat;
	font-size: 16px;
	line-height: 1.6em;
	color: #fff;
	overflow: hidden;
	border-bottom: 5px solid #d8d8d8;
}

.kiosk-img {
	width: 200px;
	padding: 20px;
}

#myTab {
	margin-top: -50px;
	width: 100%;
}

#myTab li {
	width: 25%;
}
	
#myTab li a {
	width: 100%;
	background-color: #f8f8f8;
	padding: 10px;
	border-left: 2px solid rgba(0, 0, 0, 0.25);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	border-right: 1px solid rgba(0, 0, 0, 0.15);
	min-height: 100px;
	max-height: 200px;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding-box;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}


#myTab li.active a {
	background-color: #683c29;
	color: #fff;
}

#myTab li img {
	width: 100%;
	max-width: 200px;
	max-height: 150px;
}

.panel-default {
	margin-top: 20px;
}

.panel-heading {
	text-align: center;
}

.panel-heading img {
	padding: 0 30px;
}

.panel-title {
	font-size: 34px;
}

.med-text {
    font-size: 20px;
}

#myTabContent {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f8f8f8;
	color: #444;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

#myTab-accordion .panel {
	margin-bottom: 30px;
}
	
.footer {
    border-top: 5px solid #d8d8d8;
    background-color: #272727;
    color: #aaa;
    font-size: 13px;
    padding: 20px 0;
}

    .footer a {
        color: #666;
        white-space: nowrap;
    }

@media(max-width:767px){
    .hide-small
    {
        text-decoration: none;
        color: #222;
    }
	
	ul {
		margin-top: 0;
		margin-bottom: 0;
	}
}

@media(min-width:768px){
	.kiosk-img {
		width: 230px;
	}		
}
@media(min-width:992px){
	
	h1 {
		font-size: 50px;
	}
	
	.kiosk-img {
		width: 276px;
		padding: 20px 10px;
		margin-bottom: -150px;
	}	
}
	
@media(min-width:1200px){
	

}