html
{
		height:100%;
}

body 
{
  background:#75b0e0;
  height:100%;
  min-width:350px;
}

ul
{
	text-align:left;
}

a, a:hover, a:visited
{
	font-weight:bold;
	color:#102548;	
}


#bunting
{
	position:fixed!important;
	top:100px;
	max-height:300px;
	height:100px;
	width:100%;
	background-image:url("../images/bunting.png");
	background-size: auto 50px;
	height:50px;
	z-index:15;
}

#campervan
{
	position:absolute;
	bottom:0px;
}

#container
{
	min-height:100%;
	position:relative;
	padding-top:150px;
	padding-bottom:200px;
	text-align:center;
}

	
#text
{
	padding:0px 20px 0px 20px;
	max-width:900px;
	text-align:left;
	margin: 0 auto;
	font-size:20px;
	
}

h1
{
	font-family:anton;
	font-size:40px;	
	color: #ad2d29;
	text-align:center;
}

.navbar
{
	margin-bottom:0px;
	height:100px;
	background:#afdee6;
	border-bottom:0px;
	text-align:center;
	min-width:350px;
}

#navbar
{
	background:#afdee6;
}

.navbar-toggle
{
	visbility:hidden;
}	

.navbar .navbar-nav 
{	
  vertical-align: top;
  font-family:anton;
  font-size:20px;
}

.navbar-header
{
	height:99px;
	float:left;
}

button
{
	background:#75b0e0!important;
	border:0px solid!important;
}

.icon-bar
{
	background-color:#ad2d29!important;
}

.navbar-header button
{
	left:10px;
	top:20px;
	float:left;
}

.navbar-header img
{
	position:relative;
	top:100px;
	left:50%;	
}

.navbar a
{
	font-weight:normal;
}

.navbar li.home.active a, .navbar li.home a:hover
{
	background:#bdda82!important;
}

.navbar li.stay.active a, .navbar li.stay a:hover
{
	background:#f05f8f!important;
}

.navbar li.ceremony.active a, .navbar li.ceremony a:hover
{
	background:#77cdd3!important;
}

.navbar li.reception.active a, .navbar li.reception a:hover
{
	background:#f5bed8!important;
}

.navbar li.dovecliff.active a, .navbar li.dovecliff a:hover
{
	
	background:#7ab141!important;
}	

.navbar li.faqs.active a, .navbar li.faqs a:hover
{
	background:#b57568!important;
}


.faq
{
	text-align:left;
	border:1px solid #c1e6ea;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius: 3px;
	font-size:15px;
	margin-bottom:20px;
}

.question
{
	background: #7aced4;
	padding: 10px 15px;
	font-weight:bold;
	cursor:pointer;
	user-select: none;  
	-webkit-user-select: none;
}

.answer
{
	padding:10px 15px;
	background:#bdda83;
}

#homepageLogo
{
	display:none;
}

.centered
{
	margin: 0 auto;
}

@media (min-width: 768px) 
{
	.navbar 
	{
		height:150px;
	}
	
	h1
	{
		font-size:50px;
	}

	#bunting
	{
		background-size: auto 100px;
		height:100px;
		top:150px;
	}

	.navbar .navbar-collapse 
	{
		text-align: center;
	}	

	#container
	{
		padding-top:250px;
	}
	.navbar .navbar-nav 
	{	
	  display: inline-block;
	  float: none;
	}
	#homepageLogo
	{
		display:block;
	}
}