/* 8. CUSTOM LAYOUT & TYPOGRAPHY (Daddy bear)
----------------------------------------------------------------------------------------*/
#container {
	margin: 0 auto; 
	max-width: 60em;
	}

	
header h2:before, header h2:after { width: 42%; }

h1 { font-size: 4.4em; line-height:1.618em; margin-bottom:0.1em; }
h1 { font-size: 4.4em; line-height:1.618em; margin-bottom:0.1em; }

    
h1 span {
  font-family: Cambria,Didot,Cochin,"Times New Roman", serif;
  text-transform: uppercase;
  letter-spacing:0.1em;
  font-size:0.382em;
  line-height:3.236em;
  display:block;
  }
  
h1 span:before, h1 span:after {
  content:"";
  border-top:1px solid #333;
  height: 0.1em;
  width: 19%;
  display: block;
  margin-top: 1.618em;
  }
  
h1 span:before { float: left; }  
h1 span:after { float: right; }

h2 { font-size: 1.4em; line-height:1.618em; margin-bottom:0.1em; font-weight:600;}


ul { margin-left: 0.8em; }
ol { margin-left: 0.8em; }

p.intro {
  font-size: 1.618em;
  line-height:1.4289em;
  max-width: 20em;
  margin-bottom: 1em;
  }
  
p.ps {  font-size: 1.0em;
  line-height:1.6em;
  max-width: 36em;
  margin-bottom: 1em;
  font-family: Cambria,Didot,Cochin,"Times New Roman", serif;
  font-weight: 400;
  text-align:left;
  vertical-align:top;
  }
  
div.bigindent { padding-left:5em; }
  
div.maintxt {  font-size: 1.0em;
  line-height:1.2em;
  max-width: 40em;
  margin-bottom: 1em;
  font-family: Cambria,Didot,Cochin,"Times New Roman", serif;
  font-weight: 400;
  text-align:left;
  vertical-align:top;
  }

div.wide {  font-size: 1.0em;
  line-height:1.2em;
  max-width: 65em;
  margin-bottom: 1em;
  font-family: Cambria,Didot,Cochin,"Times New Roman", serif;
  font-weight: 400;
  text-align:left;
  vertical-align:top;
  }

div.upper {  font-size: 1.0em;
  line-height:1.6em;
  max-width: 20em;
  margin-bottom: 1em;
  font-family: Cambria,Didot,Cochin,"Times New Roman", serif;
  font-weight: 400;
  text-align:left;
  vertical-align:top;
  	position:fixed;
	z-index : 2;
	left:220;
	top: 225;
  }
  
#outer {
	width : 60em;
	height : 33.875em;
	padding : 0;
	margin : 0;
	border : none;
	position : relative;
}

#inner {
	position:absolute;
	z-index : 2;
	left:12.50em;
	top: 14.063em;
	border : none;
	line-height: 1.3;
	width:20em;
}


  
div.jfs {  font-size: 1.6em;
  line-height:1.6em;
  max-width: 36em;
  margin-bottom: 1em;
  font-family: Trajan Pro,Cambria,Imprint MT Shadow, Academy Engraved LET, 'Jaques Francois Shadow', serif;
  font-weight: 400;
  text-align:center;
  color: #d0442d;
  }
  
div.orange {
  font: 600;
    color: #d0442d;
  }
div.testim {
	border : none;
	width:450;
    color: #71839e;
   }
   
div.ci {
  font: 600 1.75em/1.6 Cambria, serif;
    font-style: italic;
    text-align: center;
    color: #d0442d;
  }

aside {
  float: right;
  clear: right;
  width: 25em;
  margin-top:-8.5em;
  height:auto;
  text-align: right;
  }
  
  
article {
  border: none;
  }

  
footer p { max-width: 17.942em; }

hr.bop { border-color: #451c18; width: 50% }
hr.top { border-color: #451c18; }



/* 9. CUSTOM LAYOUT & TYPOGRAPHY (Mummy bear)
----------------------------------------------------------------------------------------*/
@media screen and (min-width: 30em) and (max-width: 63.236em) {

#container { width: 30em; }

header h2:before, header h2:after { width: 35%; }

h1 { font-size: 2.618em; line-height: 1.4em; }
h1 span { font-size:0.5em; }
h1 span:before, h1 span:after { width: 10%; }

p.intro {
  font-size: 1.309em;
  margin-bottom: 1em;
  max-width: 33em;
  }
  
  div.jfs {  font-size: 1.6em;
  line-height:1.6em;
  max-width: 36em;
  margin-bottom: 1em;
  font-family: Trajan Pro,Cambria,Imprint MT Shadow, Academy Engraved LET, 'Jaques Francois Shadow', serif;
  font-weight: 400;
  text-align:center;
  color: #d0442d;
  }
  
aside {
  float: none;
  width: auto;
  height: auto;
  margin: 0 0 2.2em;
  }

	
}