/************************
*** Small Screens
**************************/
@media screen and (min-width: 768px) {
	
	
	/*************************
	** Header
	**************************/
	header .navbar-default
	{
		float:right;
	}
	header .nav 
	{
		padding-top: 54px;
		padding-bottom: 54px;
	}
	
	header .navbar-nav>li>a 
	{
		color:#fff !important;
	}
	header .navbar-default .navbar-collapse
	{
		background-color:transparent;
	}
	
	header.scrolled
	{
		background: #fff;
		-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.09);
		box-shadow: 0 1px 3px 0 rgba(0,0,0,.09);
		min-height:50px;
		transition: all .25s ease-in-out;
	   -moz-transition: all .25s ease-in-out;
	   -webkit-transition: all .25s ease-in-out;
	}
	header.scrolled .nav
	{
		padding-top:0px;
		padding-bottom:0px;
	}
	header.scrolled .navbar-default .navbar-nav>li>a
	{
		 color: rgba(0,0,0,.7) !important;
	}
	header.scrolled .navbar-default .navbar-nav>li.active>a
	{
		color:#FFA33E !important;
	}
	
	/*************************
	** Slide
	**************************/
	
	.carousel .strapline
	{
		margin-top:230px;
	}
	.carousel .strapline h1, .carousel .strapline h2, .carousel .strapline p
	{
		text-shadow:1px 1px #222;
	}
	.carousel .strapline h1
	{
		font-size:4em;
		margin-top:0px;
		text-align:right;
		padding-right:30px;
	}
	.carousel .strapline h2
	{
		margin-top:-40px;
		font-size: 5.5em;
		text-align: right;
		padding-right: 25%;
	}
	.carousel .strapline p 
	{
		margin-top: 75px;
		text-align:right;
	}
	
	
	/*************************
	** Sections
	**************************/
	section.hero
	{
		background-size: cover;
	}
	section .narrow
	{
		padding-left:40px;
		padding-right:40px;
	}
	
	section h1 
	{
		font-size: 3.5em;
	}
	section h1+h2
	{
		font-size:4.5em;
	}
	
	
	/*************************
	** Section forms
	**************************/
	section.form.columns form 
	{
		margin-left:-15px;
		margin-right:-15px;
	}
	section.form.columns .form-group 
	{
		display:inline-block;
		width:33%;
		padding-left:10px;
		padding-right:10px;
	}
	
	/*************************
	** Section price list
	**************************/
	section.price-list .price
	{
		margin-top:0px;
	}
	
	
	/*************************
	** Section event grid
	**************************/
	.event-list .event-details, .event-list .img
	{
		display:inline-block !important;
	}
	.event-list .img
	{
		float:left !important;
	}
	.event-list .event-details h4, .event-list .event-details p
	{
		text-align:left;
	}
	
	
	/*************************
	** Footer
	**************************/
	footer 
	{
		padding-top:120px;
		padding-bottom:120px;
		text-align:left;
	}
	footer h4 
	{
		text-align:left;
	}
	.footer-bottom .small
	{
		text-align:left;
	}

}