/*
*/

/* This is how you comment in CSS  */


/* In the head of the HTML documents there is a link to the CSS document. */
/* And, links from the HTML elements to CSS rules (elements). */

/* p (the selector) {
	 font-family: Helvetica: (the declaration)} */

/*  body {
    background-color: coral
}
*/
	 
hl {
	font-family: "Helvetica";
	font-size:  200%;}

p {
   font-family: "Bookman Old Style";}


p.no-wrap {
        clear: both;
}

/* This class is as wide as the viewport at all sizes.  Mostly for panoramas.  */

img {
	width: 100%;
	height: auto}

/* For vertical not-wide compostions.  Narrow on medium and big screens to be visible within the top and bottom of the viewport, wide on phones to fill most of the vertical screen.  */ 
	
.picVertical  {
	width: 90%;
	height: auto}

/* For horizontal not-wide compostions.  Less than 100% on medium and big screens to look good, 100% on phones, ditto and for most visibility.  */ 
	
.picHorizontal {
	width: 100%;
	height: auto}

/* For square photos.  50% on Medium and Big, 100% on Phone. */

.pic50pc {
    width: 100%;
    height: auto}

/*  40% Left Float (text wraps to right) in medium and big.  90% width and text below for phones. For vertical pictures.  */

.pic40pcLfloat  {
	width: 90%;
	height: auto;}

/*  Following two for really tall, thin pictures like vertical panoramas.  Less wide (shorter) and float left in Medium and Big, wider, but not 100% in Phone with text following.  */

.pic30pcLfloatVPano  {
	width: 70%;
	height: auto;}

.pic20pcLfloatVPano  {
	width: 60%;
	height: auto;}

/*  For the thumbnails on the Galleries page. */

.pic30pc  {
	width: 30%;
	height: auto}

/*  For less important pictures, illustrating text rather than the inverse.  50% Width Medium and Big, 100% on Phones.  */ 

.pic50pcNoResponse  {
	width: 100%;
	height: auto}

/* 

Floated images not needed on phones.

.pic30pcRfloat  {
	width: 30%;
	height: auto;
    float: right;
    margin: .5em .5em 0 .5em;}

.pic40pcRfloat  {
	width: 40%;
	height: auto;
    float: right;
    margin: .5em .5em 0 .5em;}
    
.pic45pcRfloat  {
	width: 45%;
	height: auto;
    float: right;
    margin: .5em .5em 0 .5em;}
    
.pic50pcRfloat  {
	width: 50%;
	height: auto;
    float: right;
    margin: .5em .5em 0 .5em;}


.pic30pcLfloat  {
	width: 30%;
	height: auto;
    float: left;
    margin: .5em .5em 0 0;}

.pic40pcLfloat  {
	width: 40%;
	height: auto;
    float: left;
    margin: .5em .5em 0 0;}

.pic50pcLfloat  {
	width: 50%;
	height: auto;
    float: left;
    margin: .5em .5em 0 0;}

.pic70pcLfloat  {
	width: 70%;
	height: auto;
    float: left;
    margin: .5em .5em 0 0;}

.pic80pcLfloat  {
	width: 80%;
	height: auto;
    float: left;
    margin: .5em .5em 0 0;}

*/