@charset "UTF-8";
/* CSS Document */

div, p, a, li, td {  }

#header {
	position: relative;
    float: left;
    top: 0em;
    left: 0em;
    width: 100%;
    height: 6.7em;
	z-index: 11;
    padding: 0em;
	margin: 0em;
    margin-bottom: .5em;
    background-image: url(../media/layout-images/page-title-background-03.png);
    background-repeat: no-repeat;
}

/*============LOGO BOX================*/
#header-logo-box {
	position: relative;
    float: left;
    width: 28em;
    height: 3.0em;
	margin-left: 1.2em;
    margin-top: 1.3em;
    margin-bottom: .2em;
	z-index: 50;
}
@media only screen and (max-width: 34em) {
#header-logo-box {
    height: 2.5em;
}
}
/*#header-logo-box img {
	margin-bottom: 4em;
}*/
#header-logo-box h1 {	
	font-family: 'Exo 2', sans-serif;
	font-weight: 800;
	line-height: 1em;
	font-size: 1.6em;
    color: #FEE135;
	margin: 0em;
    margin-bottom: .2em;
	padding: 0em;
}
@media only screen and (max-width: 34em) {
    #header-logo-box h1 {	
	font-size: 1.4em;
    margin-bottom: .2em;
}
}
#header-logo-box h2 {	
	font-family: 'Exo 2', sans-serif;
	font-weight: 800;
	line-height: .5em;
	font-size: 1em;
    color: #FFF;
	margin: 0em;
	padding: 0em;
}

#social-media {
	position: absolute;
    width: 10em;
    right: 1em;
    top: 0.5em;
	margin-top: 1em;
	margin-right: 1em;
    z-index: 50;
}
@media only screen and (max-width: 40em) {
    #social-media {	
	display: none;
    }
}
.facebook-logo {
margin-bottom: .3em;
}