#wrapper{
width:100%;
}
h3, h4{
margin:20px 0 5px 0;
}
.columns h3{
margin:0 0 5px 0;
}
header#top{
text-align:center;
}
header#top h1 a.home{
font-family: 'Fjalla One',  sans-serif;
font-size:1em;
text-transform:uppercase;
color: #606060;
text-shadow:0 2px 1px #4b4b4b, 0px 3px 1px #3f3f3f, 0 4px 1px #2a2a2a, 0 5px 1px #1a1a1a, 0 6px 1px #0f0f0f;
letter-spacing:.03em;
word-spacing:.3em;
color: #606060;
text-indent:0;
background: transparent;
height:auto;
width: auto;
left:0;
margin-left:0; 
outline:normal;
}
header#top h1 a:hover, header#top h1 a:focus{
background:transparent;
}
nav#topnav{
width:100%;
margin-top:90px;
height:auto;
}
nav#topnav ul li{
display:block;
margin:0;
width:auto;
font-size:.85em;
color:#212121;
text-align:center;
line-height:normal;
}
nav#topnav li.gap{
margin-left:0;
}
nav#topnav a{
background:#2d2d2d;
display:block;
}
header#main h2{
font-size:1.6em;
}
section.intro{
margin:20px 0 20px 0;
}
.left, .centre, .right, .full{
width:auto;
padding:10px 5px;
margin-bottom:20px;
margin-left:0;
margin-right:0;
}
#footer-text{
width:auto; /*if you increase this you'll need to decrease footer-search accordingly*/
float:none;
padding: 10px 10px ;
margin-bottom: 0;
margin-right:0;
}
#footer-search{
display:block;
width:auto; /*if you increase this you'll need to decrease footer nav accordingly*/
float:none;
padding: 10px 5px ;
margin-bottom:0;
}
#base{
padding:20px 0;
width:auto;
}

img{
max-width:100%;
height:auto;
}