/* ------------------------------------
Faces Exhibition Style Sheet (screen)
version: 1.0
author: Maraid Design
email: hello@maraid.co.uk
website: http://www.maraid.co.uk

last updated: 20 March 2014
------------------------------------- */

/*typography and colours
--------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, time, mark, audio, video {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
	}


@font-face {
    font-family: 'foundation_sansregular';
    src: url('FoundationSans-Roman-webfont.eot');
    src: url('FoundationSans-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('FoundationSans-Roman-webfont.woff') format('woff'),
         url('FoundationSans-Roman-webfont.ttf') format('truetype'),
         url('FoundationSans-Roman-webfont.svg#foundation_sansregular') format('svg');

   
}

body{
    background:#fff;
	font-family: 'foundation_sansregular', Arial, Geneva, sans-serif;
	font-weight: bold;
    font-size: 34px;
}
h1 {
	font-size: 130%;
	
}
h2 {
	font-size: 130%;

}
div.section h2{
	display: none;
}

.section p{
	font-size: 130%;
	    /*font-weight: bold;*/
}
h1 a{
	text-decoration: none;
	
}
a:hover {
	color: #333;
	}		
	
a {
	color:#000;
/* 	text-decoration: none; */
	}


/*structure
--------------------------------------*/

header {
    position: fixed;
    top: 30px;
    width: 100%;
    z-index: 50;
}

	
.header-container {
	position: relative; 
	max-width: 980px;
		width:90%;
	margin: 0 auto;
	min-height: 160px;
}	
	
header div.logo {
	float: left;

}
header div#nav-wrap {
	float: left;
	margin:  0 0 0 15%;
}
.sectiontext{
	z-index: 999; 
		position: relative;
}

aside.funders {
    position: fixed;
   bottom: 10px;
	left: 10px;
    width: 100%;
    z-index: 40;
}
.funders-container {
	position: relative; 
	max-width: 980px;
		width:90%;
	margin: 0 auto;
}	
img.lx{
	width: 37px;
}
aside.funders h2{
	font-size: 60%;
	margin-top: 10px;
}
aside.funders ul {
	width:90%;
	margin-top:15px;
	}

aside.funders ul li {
	width: 7%;
	margin-right: 2%;
	float: left;
	list-style-type: none;
}

aside.funders ul li img{
	width: 100%;
}


.section{
    margin:0px;
    height:2000px;
    width:100%;
    float:left;
}

.sectiontext{
	  margin:30px 0px 0px 50%;
	  width: 40%;
}
#section1
{

    background:#fff url(../images/Projects.jpg) no-repeat center center fixed;
	  -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
	  background-size: cover;
	  
}

#section2
{

    background:#fff url(../images/Exhibition.jpg) no-repeat center center fixed;
	  background-size: cover;
}

#section3
{
 
    background:#fff url(../images/Make-a-face.jpg) no-repeat center center fixed;
	  background-size: cover;
}

#section4
{
 
    background:#fff url(../images/Typeface.jpg) no-repeat center center fixed;
	  background-size: cover;
}

#section5
{
 
    background:#fff url(../images/Contact.jpg) no-repeat center center fixed;
	  background-size: cover;
}

#section6
{
 
    background:#fff url(../images/Legal.jpg) no-repeat center center fixed;
	  background-size: cover;
}
#section7
{
 
    background:#fff url(../images/support.jpg) no-repeat center center fixed;
	  background-size: cover;
}
#section8
{
 
    background:#fff url(../images/shop.jpg) no-repeat center center fixed;
	  background-size: cover;
}
#sectionhome
{

    background:#fff url(../images/Home.jpg) no-repeat center center fixed;
	  background-size: cover;
}


/*navigation
--------------------------------------*/

nav.main-nav {
	margin-top: 15px;
	margin-right: 5.10204%;
	}
	
nav.main-nav ul {
	list-style-type:none;
	}

nav.main-nav li {
	position: relative;
	}

nav.main-nav li a {
	text-decoration:none;
	padding: 0.2em 0;
	display:block;
	color: #000;
	 font-weight: bold;
	font-size: 60%;
	}
	
nav.main-nav li a:hover {
	color:#333;
/* 	border-bottom: 4px solid #76887A; */
	}	
	

@media screen and (max-width:1024px) {	


}
@media screen and (max-width:768px) {
	h1 {
	font-size: 90%;
}
h2 {
	font-size: 90%;
}
.section p{
	font-size: 90%;
}
nav.main-nav li a {

	
	font-size: 50%;
	}
aside.funders h2{
	font-size: 50%;
}
}

@media screen and (max-width:600px) {
	header div#nav-wrap {

	margin:  0 0 0 10%;
}
	
}
@media screen and (max-width:540px) {
	.section{
    margin:0px;
    height:960px;
    width: 100%;
    float:left;
}


}

@media screen and (max-width:500px) {
header div#nav-wrap {
    
    margin: 10px 0 0 0;
}
header div.logo {
	float: none;

}
}
@media screen and (max-width:380px) {



	
header div.logo {
	float: none;

}
header div#nav-wrap {
    
    margin: 10px 0 0 0;
}
h1 {
	font-size: 75%;
}
h2 {
	font-size: 75%;
}
.section p{
	font-size: 75%;
}

img.lx{
	width: 27px;
}

nav.main-nav li a {
font-size: 40%;

}
	
br {display:none}

.sectiontext{
	  margin:30px 0px 0px 35%;
	  width: 60%;
}
aside.funders ul {
	clear:both;
	display:block;
    margin-top: 5px;
    width: 100%;
}

aside.funders ul.funders2 {
   float: none;
}
aside.funders ul li {
	width: 15%;
	margin: 0;

}
aside.funders h2 {
    font-size: 40%;
	  margin-top: 0px;
}

#sectionhome
{

    background:#fff url(../images/380/Home.jpg) no-repeat center center fixed;
	
	  background-size: cover;
	  
}

#section1
{

    background:#fff url(../images/380/Projects.jpg) no-repeat center center fixed;
	
	  background-size: cover;
	  
}

#section2
{

    background:#fff url(../images/380/Exhibition.jpg) no-repeat center center fixed;
	  background-size: cover;
}

#section3
{
 
    background:#fff url(../images/380/Make-a-face.jpg) no-repeat center center fixed;
	  background-size: cover;
}

#section4
{
 
    background:#fff url(../images/380/Typeface.jpg) no-repeat center center fixed;
	  background-size: cover;
}

#section5
{
 
    background:#fff url(../images/380/Contact.jpg) no-repeat center center fixed;
	  background-size: cover;
}

#section6
{
 
    background:#fff url(../images/380/Legal.jpg) no-repeat center center fixed;
	  background-size: cover;
}
#section7
{
 
    background:#fff url(../images/380/support.jpg) no-repeat center center fixed;
	  background-size: cover;
}
#section8
{
 
    background:#fff url(../images/380/shop.jpg) no-repeat center center fixed;
	  background-size: cover;
}
}	/* end of media 380 */		

@media screen and (max-width:300px) {


aside.funders {
    position: relative;
}
h1 {
	font-size: 55%;
}
h2 {
	font-size: 55%;
}
.section p{
	font-size: 55%;
}

nav.main-nav li a {
font-size: 30%;
padding: 0.3em 0;

}

}
@media screen and (max-height:300px) {


aside.funders {
    position: relative;
}
h1 {
	font-size: 55%;
}
h2 {
	font-size: 55%;
}
.section p{
	font-size: 55%;
}

nav.main-nav li a {
font-size: 40%;
padding: 0.3em 0;

}

}

@media only screen 
and (min-device-width : 240px) 
and (max-device-height : 320px) { 

#section1
{

    background:#fff url(../images/380/Projects.jpg)  no-repeat 0 0;
	
	  
}

#section2
{

    background:#fff url(../images/380/Exhibition.jpg)  no-repeat 0 0;
	  background-size: cover;
}

#section3
{
 
    background:#fff url(../images/380/Make-a-face.jpg)  no-repeat 0 0;
	  background-size: cover;
}

#section4
{
 
    background:#fff url(../images/380/Typeface.jpg)  no-repeat 0 0;
	  background-size: cover;
}

#section5
{
 
    background:#fff url(../images/380/Contact.jpg)  no-repeat 0 0;
	  background-size: cover;
}

#section6
{
 
    background:#fff url(../images/380/Legal.jpg)  no-repeat 0 0;
	  background-size: cover;
}
#section7
{
 
    background:#fff url(../images/380/support.jpg)  no-repeat 0 0;
	  background-size: cover;
}
#section8
{
 
    background:#fff url(../images/380/shop.jpg)  no-repeat 0 0;
	  background-size: cover;
}
#sectionhome
{

    background:#fff url(../images/380/Home.jpg) no-repeat 0 0;
	
}


}