@charset "utf-8";
@import url( ../webfonts/typwrng/stylesheet.css);


header{
	padding-left: 15px;
}

h1{
	font-size: 30px;
	font-family: typwrng;
	color: #889094;
	margin-bottom: -10px;
	/*line-height: 40px;*/
		
}

h2{
	color: #FADF45;
	font-family: typwrng;
	font-size: 20px;
	margin-bottom: 20px;
}

h3{
	font-family: 'Karla' Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 30px;
	color: #889094;
	
}

/* make sidebar nav vertical = thanks to jonathanbriehl.com*/ 
	/* make sidebar nav vertical */ 
	@media (min-width: 768px) {
	  .sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
		
	  }
	  .sidebar-nav .navbar ul {
		float: none;
	  }
	  .sidebar-nav .navbar ul:not {
		display: block;

	  }
	  .sidebar-nav .navbar li {
		float: none;
		display: block;
	  }
	  .sidebar-nav .navbar li a {
		padding-top: 12px;
		padding-bottom: 12px;
	  }
	}
	@media (min-width: 768px) {
	  /* uncomment if you would like the menu to be fixed */
	  /* .navbar {
		  position: fixed;
		  width: 170px;
		  z-index: 2;
	  } */
	}
	@media (min-width: 992px) {
	  .navbar {
		  width: 212px;
	  }
	}
	@media (min-width: 1200px) {
	  .navbar {
		  width: 262px;
	  }
	}

@media (max-width:767px){
	.navbar {
		margin-bottom: -15px;
	}
}
	@media (min-width: 1200px){

.container {
    width: 100%;
	
}
}
	.sidebar-nav .navbar-header{ 
		float: none;
		    }


.navbar-toggle{
	margin-top: -5px;
	float: left
	
}

/*styles the hamburger menu on phone and tablet*/
.container .navbar-header .navbar-toggle.collapsed {
	background-color: #FADF45;
	border: none;
}


/*---------Nav Styles----------*/
		
		.navbar-default .navbar-nav > .active > a,
		.navbar-default .navbar-nav > .active > a:hover,
		.navbar-default .navbar-nav > .active > a:focus {
  					
			background-color: #FADF45;
			color: white;
		}
		
		/*.navbar-default .navbar-nav > li > a,*/
		.navbar-default .navbar-nav > li > a:hover,
		.navbar-default .navbar-nav > li > a:focus {
  					
			background-color: #FADF45;
			color: white;
		}
		.navbar{
			background-color: white;
			border: none;
		}



/* carousel */

/*.carousel .item {
  height: 700px;
}*/

.item img {
  /* position: absolute;
    top: 0;
    left: 0;*/
    max-height: 875px;
}


.media-carousel
{
  margin-bottom: 0;
  padding: 0 10px 30px 10px;
  margin-top: 10px;
  /*width: 100%;
  height:100%;*/
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
/*.media-carousel img
{
  width: 100%;
  height: auto;
}*/

/* End carousel */

.text {
	font-family: 'Karla' Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 16px;
	line-height: 1.6;
	padding-top: 20px;
	color: #889094;
}

ul{
	font-family: 'Karla' Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 16px;
	color: #889094;
	}

address{
	font-family: 'Karla' Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 20px;
	color: #889094;
	line-height: 1.6;
	padding-top: 30px;
}

.about {
	padding-top: 25px;
	padding-left: 40px;
		
}