/****************** RESETS *****************/



* {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	font-family: Arial, Helvetica, sans-serif;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

/***************** STRUCTURE ***************/

#main_header, #main_footer {

	text-align: center;

}

#main_footer {

	background: #505050;

	color: #fff;

	padding: 1%;

}

#content {

	width: 95%;

	margin: auto;

	padding: 1%;

}



#main_content, #add_bar {

	margin:1%;

}



#add_bar section {

	margin-bottom: 2.5%;

	background: #F9F8F6;

	padding: 3%;

	border: 1px solid #D97E7E;

	border-radius: 1em;

}

/*************** CONTENT ****************/



.details {

	margin-top: 1em;

}

.bird_links li {

	list-style-type: none;

}

.bird_links a {

	color: #D97E7E;

}



img {

	width:100%;

	max-width:100%;

}



.baby_duck {

	border: 1px solid #D97E7E;

	box-shadow: 0px 0px 5px #D97E7E;

	padding: 1%;

}

.cool_bird img {

	display: block;

	margin: auto;

	padding: 1%;

}

/************* NAVIGATION ********************/



#main_menu {

	background: #D97E7E;

}



#main_menu li {

	list-style-type: none;

	display: block;	

	padding: 1%;

}



#main_menu li a {

	text-decoration: none;

	color: #fff;

}



/* Nav Collapse */

#nav-collapse {

	display:block;

	text-align:right;

	width:100%;

	padding:.625em;

	color:#fff;

	background:#D97E7E; 

	text-decoration: none;

}



#main_menu {

	display:none;	

}

/************* FONTS ************************/



h1 {

	font-size: 2em;

	margin-top: .4em;

	margin-bottom: .2em;

	color: rgb(59,49,64);

}

h2 {

	font-size: 1.5em;

	color: rgb(59,49,64);

	margin-bottom: .4em;

}

#main_header h1 {

	font-size: 2.5em;

}

#main_header h2 {

	font-style: italic;

	color: #505050;

}

#content p {

	padding-bottom: 1em;

	line-height: 1.5em;

	background: #fff;

}

#add_bar section h2 {

	text-align: center;

}

/*************** Floats and Clears ************/



.left {

	float: left;

}

.right {

	float: right;

}

.clear {

	clear: both;

}



/************** Media Queries ************/



/* tablet*/

@media all and (min-width:37.5em) {

	body {

		background: url("../images/bird_bg.png");

	}

	#wrapper {

		background: rgba(255,255,255,0.9);

	}

	

	#main_menu li {

		float: left;

		width: 16%;

	}

	

	/* Nav collapse */

	#nav-collapse {

		display:none;	

	}

	

	#main_menu {

		display:block !important;	

	}

}



/* PC*/

@media all and (min-width:57.75em) {

	#main_content {

		width:58%;

		float:left;

	}

	

	#add_bar {

		width:38%;

		float:right;

	}

}



/* Big PC*/

@media all and (min-width:81.25em) {

	.details {

		-moz-column-count:2;

		-webkit-column-count:2;	

		column-count:2;

		

		-moz-column-gap:1.5em;

		-webkit-column-gap:1.5em;

		column-gap:1.5em;

		

		-moz-column-rule:1px dotted #ccc;

		-webkit-column-rule:1px dotted #ccc;

		column-rule:1px dotted #ccc;

	}

}