/* =Reset
-------------------------------------------------------------- */
 
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
}




.clear{
	clear: both;
}
 
html,
body,
div{
    margin: 0;
    padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
}
p, ul, li { 
	/*font-size: 1.25em; */
	line-height: 1.5em;
}

ul {list-style-type: circle;}


/*h1, h2, h3, h4 {
	font-family: "Agency FB", Georgia, Serif;
}*/

h1 { font-size: 1.25em; }
h2{ font-size: 1.25em; margin-top: 1.5em;}

a { text-decoration: none; color: #000099; }

/* unvisited link */
a:link, {
    color: #000099;
}

/* visited link */
a:visited {
    color: #000099;
}

/* mouse over link */
a:hover {
    color: #0099CC;
}

/* selected link */
a:active {
    color: #0099CC;
}

/* =Color
-------------------------------------------------------------- */
 
#header{
    background: #fff;
}

.site-description{
	float: left;
}

#main{
    background: #ffffff;  
}

.contact {
	float: right;
	margin: 0;
	padding: 0;
}

/* =Structures
-------------------------------------------------------------- */
 
.wrap{
    max-width: 1500px;
    margin: 0 auto;
    padding: 1em;
}

.headwrap { 
	background-image:url("JLB-header.jpg");
	height: 150px;
	max-width: 1500px;
	overflow: hidden;
	margin: 0 auto;
}
 
#primary{
    max-width: 1200px;
    margin: 0 auto;
}

.site-credits{
	float: right;
	font-size: .8em;
}

/* media queries
----------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

p, ul { 
	font-size: 2em; 
	line-height: 1.5em;
}

h1 { font-size: 2em; }
h2{ font-size: 2em; line-height: 1.5em; }

.site-credits{
	font-size: 1.5em;
}

.headwrap { 
	background-image:url("jlb-header-mobile.jpg");
	height: 150px;
	max-width: 1500px;
	overflow: hidden;
	margin: 0 auto;
}

}

/* Mobile/Browser */
@media only screen and (max-width: 767px) {

p, ul { 
	/*font-size: 1.75em; */
	line-height: 1.5em;
}

h1 { font-size: 2em; }
h2{ font-size: 2em; line-height: 1.5em; }
.site-credits{
	font-size: 1em;
}

.headwrap { 
	background-image:url("jlb-header-mobile.jpg");
	height: 150px;
	max-width: 1500px;
	overflow: hidden;
	margin: 0 auto;
}

}

/* Mobile/Browser 480 */
@media only screen and (max-width: 480px) {

p, ul { 
	font-size: 2em;
	line-height: 1.5em;
}

h1 { font-size: 2em; }
h2{ font-size: 2em; line-height: 1.5em; }
.site-credits{
	font-size: 1.5em;
}

.headwrap { 
	background-image:url("jlb-header-mobile.jpg");
	height: 150px;
	max-width: 1500px;
	overflow: hidden;
	margin: 0 auto;
}

}

/* Mobile/Browser 320 */
@media only screen and (max-width: 480px) {

p, ul { 
	/*font-size: 1.5em; */
	line-height: 1.5em;
}

h1 { font-size: 2em; }
h2{ font-size: 2em; line-height: 1.5em; }
.site-credits{
	font-size: 1em;
}

.headwrap { 
	background-image:url("jlb-header-mobile.jpg");
	height: 150px;
	max-width: 1500px;
	overflow: hidden;
	margin: 0 auto;
}

}