body {
		font-size:100%;
/*		font: 2em 'Open Sans', Arial, Helvetica, sans-serif;*/
		/*background:#fdfdf5;*/
		font-family:arial,helvetica,sans-serif;
		color:#475a50;
	}

  #wrapper {
		margin:0em auto;
/*		border:1px solid #bbb;*/
		padding:.5%;
	}
#header {
    background: #475a50;
    /*		border:1px solid #bbb;*/
    padding: .5%;
}
	#content {
		margin-top:.5%;
		padding-bottom:.5%;
/*		border:1px solid #bbb;*/
	}
	/* applies to all divs within the content div */
  #content div {
		padding:.5%;
		margin:0 1% 3%;
/*		border:1px solid #bbb;*/
/*    float:left;*/
	}
  #content-my-pacifica {
		margin-left:.5%;
		min-width:96.5%;
	}

  #content-other-links {
		min-width:96.5%;
    }


  img { 
		max-width: 100%; 
	}
  /* Originally from Pacifica web site all.css but now heavily customized */
  h1 {
	font:600 2em 'Cabin', Arial, Helvetica, sans-serif; /*font:600 2.286em/1.3em 'Cabin', Arial, Helvetica, sans-serif; */
	/*margin:2% 1% 0;*/ /*margin:0 0 16px;*/
	color:#475a50;
	/*border-bottom:3px solid #cf9123;*/ /*border-bottom:3px solid #8c3c20;*/
	}
  h2 {
	font:600 1.714em 'Cabin', Arial, Helvetica, sans-serif;
	color:#475a50;
	margin:13px 0 1.25em; /* 15px/12px */
	}
  h3 {
	font:600 1.286em 'Cabin', Arial, Helvetica, sans-serif;
	margin:17px 0 1.25em; /* 15px/12px */
	}
  h4 { font-size: 110%; }

  

	
  a {
	text-decoration: none;
	color: #b7621e;
	}
  a:hover { text-decoration: underline;}
  a:active { background-color: transparent; }
  
  ul{
	margin:0;
	padding:0;
	}
  
  li{
	list-style-type:none;
	}
	
	
/* Button info from Pacifica web site all.css */
	.btns {
	vertical-align:middle;
	font-size:1.25em; /* 15px/12px */
	line-height:1.1875em; /* 19px/16px */
	margin:0;
	font-weight:700;
	
	text-align:center; 
	margin-top:5%;

	}
  .btns li {
	padding:0 .25em; 
	}
  .btns a {
	display:block;
	color:#fff;
	padding:4px 15px .5em; /* 6px/12px */
	background:#d6792e; /*background:#8c3c20;*/
	border-radius:.125em; /* 2px/16px */
	}
	
	
/* Responsiveness */
/* Set viewport for mobile devices */



/* Desktops and laptops ----------- */ 
@media only screen 
and (min-width : 1224px) { 

 #wrapper {
		width:60%;
	}

  body{
		font-size:75%; /* 12px */
	}

  #content-right {
		width:46.5%;
		float:right;
	}

  #content-left {
		width:46.5%;
		float:left;
	}
} 



	
/* iPads (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 



  body{
		font-size:95%; /* 12px */
	}

  #content-right {
		width:46.5%;
		float:right;
	}

  #content-left {
		width:46.5%;
		float:left;
	} 

}