/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; 
}


@font-face {
	font-family:'WestonFree';
	src:url('../images/weston-free.woff')format('woff');
}

@font-face {
	font-family:'WestonLightFree';
	src:url('../images/weston-light-free.woff')format('woff');
}

.weston_free {
	font-family: 'WestonFree', "MS Serif", "New York", serif;
	font-size: 150%;
}

html { overflow-y: scroll;
}

body { 
	margin: auto;
	width: 100%;
	max-width: 1000px;
	background:#ffffff; 
	font-size: 13px; 
	color: #666666; 
	font-family: Arial, helvetica, sans-serif;
}

ol, ul { 
	list-style: none; 
	margin: 0;
}

h1 { 
	font-family: 'Raleway', sans-serif;
	margin-bottom: auto; 
	margin-top: auto;
	color: #111111;
}

h2 { 
	font-family: 'Raleway', sans-serif;
	margin-left: auto; 
	margin-right: auto;
	color: #111111;

}	
a, img { outline: none; 
	border:none; 
	color: #000; 
	font-weight: bold; 
	text-transform: uppercase;
}

p {
	width: 100%;
	font-family: 'Raleway', sans-serif;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 10px;
	line-height: 1.4em;
	font-size: 1.2em;
	font-weight: 400;
	text-align: justify;
	margin-right: auto;
}

img { 
	width: auto;
	float: right;
	display: block;
	margin-bottom: 10px;
}

aside {
	font-style: normal;
	font-size: 0.9em;
	text-align: justify;
}

article, aside, details, figcaption, figure, header, hgroup, menu, nav, section { 
    display: block;
	}
	
/* Structure */
#wrapper {
	height: 100%;
	width: 96%;
	max-width: 1000px;
	margin: auto;
	padding: 2%;
	} 

#main {
	width: 60%;
	margin-right: 5%;
	float: left;
	margin-left: 0px;
}
#main-productspage {
	width: 100%;
	margin-right: 5%;
	float: left;
	margin-left: 0px;
	margin-top: 25px;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	margin-bottom: 16px;
	font-size: 12pt;
	color: #000000;
}

#main-image {
	width: 35%;
	float: right;
	margin-right: 0%;
	margin-top: 4%;
}

a, img, #main-image{
	outline: none;
	border: none;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	overflow: hidden;
	text-decoration: none;
}
	
		
	aside {
		width: 35%;
		float: right;
		}

/* Logo H1 */
header h1 {
	height: 60px;
	width: 400px;
	float: left;
	display: block;
	background: url(../images/birdbeak-logo.svg) 0 0 no-repeat;
	text-indent: -9999px;
	}
		
/* Nav */
header nav {
	float: right;
	margin-top: 40px; 
}
	
header nav li {
	display: inline;
	margin-left: 15px;
}

ul li { 
	margin: 0; 
	padding: 0;
}
nav ul li a {
	display: inline;
	z-index: 999;
	position: relative;
	
}
nav ul li ul {
	width: 100%;
	display: none;
	position: absolute;
}
nav ul li:hover ul {
	display: block;
}
nav ul li ul li {
	height: 100%;
	
}
nav ul li ul li a {
	padding: 10px;
	display: block;
	width: 225px;
	text-align: left;
	float: left;
	clear: both;
	margin-left: 100px;
	background: #ffffff;
	z-index: 9999;
	position: relative;
}
nav ul li ul li a:hover {
	color: #BE1E2D;
}

/* Banner */			
#banner {
	float: left;
	margin-bottom: 15px;
	width: 100%;
	position: relative;
	z-index: 1;
	}

	#banner img {
		width: 100%;
		}

.products{
	width: 100%;
	height: auto;
	clear: right;
	margin-bottom: 25px;
	display: block;
}

.products-page{
	width: 100%;
	height: 1300px;
	clear: right;
	display: block;
	margin-bottom: 5%;
}
#footer {
	background-image: url(../images/birdbeak-logo-stacked-white-bird.svg) 0 0 no-repeat;
	position: fixed;
	bottom: 0;
	left: 0;
	margin-top: 50px;
	width: 100%;
	height: 70px;   /* Height of the footer */
	background: #BE1E2D;
	padding-left: auto;
	padding-right: auto;
	padding-top: auto;
	padding-bottom: auto;
	text-align: center;
	margin-right: 0px;
}


/*Products Area*/
.individual-products {
	width: 21%;
	float: left;
	margin-right: 2%;
	margin-top: 0%;
	margin-left: 2%;
	font-family: 'Raleway', sans-serif;
	font-weight: 100;
	text-align: center;
	/* [disabled]background-color: #333; */
	width: 46%;
	margin-bottom: 0px;
	max-height: 300px;
}

.product-names {
	width: 46%;
	float: left;
	margin-right: 2%;
	margin-top: 4%;
	margin-left: 2%;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	color: #000000;
	font-size: 2em;
	text-align: center;
}

#footer-size{
		margin-left: auto;
		margin-right: auto;
		width: 96%;
		max-width: 1000px;
}
	
.main{
	width: auto;
	height: auto;
	margin-bottom: 135px;
	margin-right: 0px;
}

.prducts-page{
	height: auto;
	
	
}

.footerNote {
	margin-top: 1%;
	font-family: 'WestonFree', "MS Serif", "New York", serif;
	float: right;
	margin-right: 3%;
}

.footerDisclaimer {
	margin-top: 1%;
	width: 34%;
	font-family: 'WestonFree', "MS Serif", "New York", serif;
	float: left;
	margin-left: 3%;
}
.footerCenter {
	background: url(../images/birdbeak-logo-stacked-white-bird.svg) 50% 50% no-repeat;
	width: 25%;
	height: 85%;
	overflow: auto;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.social-media-facebook {
	background: url(../images/facebook.svg) 33% 33% no-repeat;
	margin-top: 1%;
	margin-right: 5px;
	float: left;
	height: 50px;
	width: 50px;
	display: block;
}

.social-media-twitter {
	background: url(../images/twitter.svg) 33% 33% no-repeat;
	margin-top: 1%;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	height: 50px;
	width: 50px;
	display: block;
}

.social-media-instagram {
	background: url(../images/instagram.svg) 33% 33% no-repeat;
	margin-top: 1%;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	height: 50px;
	width: 50px;
	display: block;
}

.top-image{
	width: 100%;
	height: 300px;   /* Height of the footer */
	padding-left: auto;
	padding-right: auto;
	padding-top: auto;
	padding-bottom: auto;
	text-align: center;
	margin-right: 0px;
	margin-bottom: 20px;
	background: url(../images/secretary-bird-about-page-reduced-size.jpg) 50% 50% no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
	margin-top: 130px;
}




.individual-product-pages{
	width: 100%;
	height: auto;
	padding-bottom: 50%;
}

.product-image{
	height: 361px;
	display: block;
	float: left;
	width: 58%;
	overflow: hidden;
	text-align: center;
	padding-left: auto;
	padding-right: auto;
}

.product-description{
	width: 35%;
	height: 322px;
	display: block;
	float: left;
	padding: 2%;

}
.buy-now{
	width: 35%;
	height: 58px;
	display: block;
	float: left;
	text-align: left;
	padding-top: 12%;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 0%;
}
input[type="submit"] {
	background: #BE1E2D;
	font-family: "WestonFree", Times, serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	color: #FFF;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
}

.related-section{
	width: 100%;
	height: 300px;
	display: block;
	text-align: left;
	clear: both;
	padding-top: 1%;
	
}

.related-products{
	display: block;
	width: 20%;
	float: left;
	margin: 2%;
	text-align: center;
	color: #000000;
	font-size: 2em;
}

}
/* Media Queries */
@media screen and (max-width: 565px) {
	#wrapper {
		height: 100%;
	}
	
	.top-image {
	margin-top: 160px;
	}
}

@media only screen and (max-width:565px){
	.top-image {
		margin-top: 280px;
		
	}
	
}
@media screen and (max-width:565px){
	
header h1 {
	width: 100%;
	height: 60px;
	float: left;
	display: block;
	background: url(../images/birdbeak-logo.svg) 0 0 no-repeat;
	text-indent: -9999px;
} 

header nav, #main, aside {
	float: left;
	clear: left;
	margin: 0 0 10px;
	width: 100%;
}	

nav {
	text-align: center;	
}

header nav li {
	margin: 0;
	background: #efefef;
	display: block;
	padding-top: 3px;
	margin-bottom: 3px;
	text-decoration: none;
}

nav ul li ul li a {
	width: 93%;
	margin-left: 0px;
	text-align: center;
	display: block;

}
header nav a {
	display: block;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}

#main-image {
	width: 100%;
	float: left;
	clear: both;
	margin: 0 0 10px;
	text-align: center;
}

.individual-products {
	width: 46%;
	float: left;
	clear: none;
	margin-top: 0;
	margin-right: 2%;
	margin-left: 2%;
	margin-bottom: 10px;
	text-align: center;
}

	
.products {
	width: 96%;
	height: auto;
	clear: both;
	margin-bottom: 35px;
	margin-right: auto;
	margin-left: 6auto;
	display: block;
}


	
footer {
	height: 200px;
	margin-top: 150%;
}

p {
	width: 100%;
	margin: 1px;
}

#footer {
	width: 100%;
	height: 50px;   /* Height of the footer */
	background: #BE1E2D;
	display: block;
	margin-top: 50px;
	position: fixed;
	bottom: 0;
	left: 0;
	margin-left: 0px;
}

.main {
	width: 100%;
	height: 1080px;
	margin-bottom: 150px;
}

.footerDisclaimer .footerNote {
	margin-top: 2%;
}

.footerDisclaimer{
	margin-left: 0%;
}
.social-media-instagram {
	margin-right: 3px;
	margin-left: 3px;
	width: 30px;
	height: 30px;
	margin-right: 1px;
	margin-left: 1px;
}
	
.social-media-twitter {
	margin-right: 3px;
	margin-left: 3px;
	width: 30px;
	height: 30px;
	margin-right: 1px;
	margin-left: 1px;
}
	
.social-media-facebook {
	margin-right: 3px;
	margin-left: 3px;
	width: 30px;
	height: 30px;
	margin-right: 1px;
	margin-left: 1px;
}

.products-page{
	width: 100%;
	height: 1300px;
	clear: right;
	display: block;
}

#main-productspage{
	font-size: 1em;	
}

.product-description{
	width: 100%;
	float: left;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	text-align: left;
	height: 200px;
}

.product-image{
	height: 40%;
	width: 100%;
}

.buy-now{
	padding-top: 5%;
}

.related-products{
	width: 46%;
	height: 225px;
}
.related-section{
	padding-top: 1%;
}
}
@media screen and (max-width: 460px) {

.products-page{
	width: 100%;
	height: 900px;
	clear: right;
	display: block;
	margin-bottom: 1%;
}
.social-media-instagram {
	margin-bottom: 1%;
	width: 25px;
	height: 25px;
	margin-right: 5px;
	margin-left: 5px;
}
	
.social-media-twitter {
	margin-bottom: 1%;
	width: 25px;
	height: 25px;
	margin-right: 5px;
	margin-left: 5px;
}
	
.social-media-facebook {
	margin-bottom: 1%;
	width: 25px;
	height: 25px;
	margin-right: 5px;
	margin-left: 5px;
}

}

@media screen and (max-width: 810px) {
.products{
	width: 100%;
	display: block;
}

.social-media-instagram {
	margin-bottom: 1%;
	width: 40px;
	height: 40px;
	margin-right: 1px;
	margin-left: 1px;
}
	
.social-media-twitter {
	margin-bottom: 1%;
	width: 40px;
	height: 40px;
	margin-right: 1px;
	margin-left: 1px;
}
	
.social-media-facebook {
	margin-bottom: 1%;
	width: 40px;
	height: 40px;
	margin-right: 1px;
	margin-left: 1px;
}

	#footer{
		height: 50px;
	}



}
@media only screen and (min-width:1025px) {
	.footerNote{
		margin-right: 3%;
	}
	
	.footerDisclaimer{
	margin-left: 3%;
	}
	
	#footer-size{
		margin-left: auto;
		margin-right: auto;
		width: 96%;
		max-width: 1000px;
		height: 50px;
	}
	
	.social-media-instagram {
		margin-bottom: 1%;

	}
	
	.social-media-twitter {
		margin-bottom: 1%;

	}
	
	.social-media-facebook {
		margin-bottom: 1%;
	}
}

@media screen and (min-width:1000px){
	
	.top-image {
	margin-top: 72px;
	}
	
}