/* =Typography
-----------------------------------------------------------------------------*/
body {
	background-color: #f6f5ed;
}
h1, h2, h3, h4, h5 {
	font-family: 'Oswald', 'Trebuchet MS', Helvetica, Arial, sans-serif;
}
h2, h3 {
	font-weight: normal;
}


/* =Common
-----------------------------------------------------------------------------*/
img,
#feedback,
#banner,
#intro li {
	border-radius: 5px;
}

/* =Layout
-----------------------------------------------------------------------------*/
.wrapper {
	margin: auto;
	max-width: 980px;
	padding: 36px 10px;
}
#main aside {
	background-color: #8CE08E;
}
#blocks li {
	background-color: #e9e6da; /* f8f8f8 */
	padding: 3.3em 0;
	text-align: center;
}

/* =Header
-----------------------------------------------------------------------------*/
#header {
	overflow: hidden;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #eee;
}
#header h1 {
	float: left;
	margin: 0;
}
#header nav {
	padding-top: 10px;
	float: left;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer nav {
    float: right;
}

/* =Feedback
-----------------------------------------------------------------------------*/
#feedback {
	background-color: #72C9FB;
	padding: 7px;
    
}

#note {
    margin-bottom: 20px;
    padding: 0px;
    font-weight: bold;
    background-color: white;
    border-radius: 3px;
}

/* =locations
-----------------------------------------------------------------------------*/
div.locations{
    border: 1px solid black;
    /*background-color: #1FACDA; */
    overflow: hidden;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}
.locations h2{
    font-size: 1.2em;
    font-weight: bold;
}
.locations img{
    height: 200px;
    width: 200px;
    float: right;
    border:  1px solid grey;
}
#arse{background-color: red;}

#location .subheader {
	color: rgba(0, 0, 0, .4);
	padding-bottom: .3em;
	border-bottom: 1px solid #ccc;
}
#location li {
	background-color: #e9e6da;
}

.locations a {
    display: block;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	border-top: 1px solid #eee;
	padding-top: 1.5em;
	margin: 1.5em 0;
	font-size: .85em;
}

/* Copyright image link
---------------------------------------------------------------------- */
#pwi {
    font-size: .7em;
    text-align: center;

}
/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .wrapper { width: 748px; }
}


/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.wrapper { width: 300px; }
	#nav, #header h1 { float: none; }
	#header h1 { margin-bottom: .5em; }
    #feedback { padding: 1.5em; }
	#nav ul li { margin: 0; float: none; margin-bottom: 1px; background-color: #f6f6f6; }
	#nav ul li a, #nav ul li span { display: block; padding: 2px 5px; }
}

/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.wrapper { width: 420px; }