@charset "UTF-8";
/* CSS Document */
/*********************************************************************************/
/* Basic Tags                                                                    */
/*********************************************************************************/
html, body {
	height: 100%;
}
body{
	background: #ad8667 url(images/bg_feathers_3.jpg);
	background-color:#FFE5B4;
	color:#8C001A;
	margin: 0 40px;
	font-size: 11pt;
	font-weight: 400;
	font-family: 'Poiret One', cursive;
}
img{
	max-width:100%;
    height:auto;
}
h1, h2{
	margin: 0;
	padding: 0;
	font-family: 'Poiret One', cursive;
	letter-spacing:5px;
}

h1{
	font-size:3.125em;
}
h2{
	font-size:2.5em;
}
p{
	font-family: 'Oxygen', sans-serif;
	text-align:justify;
	line-height: 190%;
	margin-top: 0px;
}

@media only screen and (min-width:600px){ 
	/* For mobile phones: */
	.container, .page{
		width: 100%;
	}

}

/*********************************************************************************/
/* Navigation Bar                                                                */
/*********************************************************************************/
.container {
		width: 100%;
		margin: 0px auto;
		background: #FFE5B4;
		display: block;
		text-align: center;
		font-weight: 900;
	}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	text-align: center;
	top:0;
	
}
li {
	display: inline-block;
}
a {
	background: #FFE5B4;
	display: block;
	letter-spacing: 5px;
	padding: 0px 20px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 100px;
	border: none;
	color: #8C001A;
}
a:hover{
	text-decoration: none;
}
a.active{
	background-color:#FDA132;
}
	
/*********************************************************************************/
/* Page (Header and text)                                                        */
/*********************************************************************************/
	.page
	{
		overflow: hidden;
		background-color: #FFF;
		border-top: 20px solid #FDA132;
		margin:0 auto;
		width: auto;
		padding: 50px;
	}
/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/

	.title
	{
		margin-bottom: 2em;
	}

	.title h2
	{
		font-weight: 400;
		font-size: 3.125em;
	}
/*********************************************************************************/
/* Images and caption                                                            */
/*********************************************************************************/

img{
	width:100%
}

.polaroid {
  width: 25%;
  margin:0 0 20px 20px ;
  background-color: white;
  box-shadow:4px 4px 4px #7E7F79;
  float:right;
}

.text {
  text-align: center;
  padding: 10px 20px;
}