/*style sheet - Pineola*/
/* Default wide-screen styles */

h1, h2, h3, h4, h5, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  }
body {
      /*max-width: 1140px;*/
      line-height: 1;
      font-size: 100%;
      margin: 0px;
      /*color:#0f0f0f;*/
      /*color: #2F454D;*/
      color: #191d1f;
      font-family: verdana, arial, sans-serif;
      text-align: center;
      background-color: #d2d6d6; /*THIS IS THE PREFERRED BG COLOR */

      background-image: url("../images/BG_Water.jpg");

     
    /* BACkGROUND GRID FOR TESTING*/
    /*background-image: url("../images/960px_12_row.gif");*/
    /*background-image: url("../images/onePx.jpg"); */
    }

  a:link {
    color: #fcfae6; /*butter cream */ /* WAS #8ef3fa;*/
    text-decoration: underline;
    }
  a:visited {
    /*color: #6ba2fa; */
    color: #faf6d9;
    }
  a:link:hover {
    background-color: #999d9e;
    }
  a, img {
    border:none;
    }
/* SETTING HEADINGS ON GRID PER DUCKETT P 432 */
p {
  font-size: 1em;
  line-height: 1.5em;
  }
h1 {
  /*font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;*/
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 2em;
  font-weight: bold;
  line-height: 1em;
  margin-top:0.75em;
  margin-bottom:0.25em;
  /*color: #bef6fa; *//*#BEF6FA; LIGHT BLUE */
  color: #faf9f2; /*cream */
  text-shadow: 0.2em 0.1em 0.2em #34200D;
  /*text-shadow: 0.05em -0.1em 0.3em #020c0D;*/
  }
h2 {
  /* font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; */
  /* font-family: Impact, Charcoal, sans-serif; */
  font-family: "Trebuchet MS", Helvetica, sans-serif;

  font-size: 1.5em;
  font-weight: 100; /* was 200; */
  /*font-style: normal; */    /*  TRIED ITALIC BUT...*/
  line-height: 1em;
  margin-top:0.75em;
  margin-bottom:0.25em;
  }
h3 {
  /* font-family: Georgia, "Times New Roman",Times, serif; */
  /*font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;*/
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  margin-top:1.25em;
  margin-bottom:0.25em;
  }
h4 {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-weight: 600;
  /*font-style: italic;*/
   }
h5 {
  /* margins added when songs moved to left side*/
  margin-top: 0.75em;
  margin-left: 3em;
  /* end of added margins*/
  font-size: 0.75em;
  line-height: 2em;
  font-weight: 100;
  } 
h6 {
  font-size: 1em;
  font-weight: 200;
    }
h7 {
  /* FOR MINI BLURB BELOW BANDCAMP PLAYER FOR OLDER RELEASES*/
  /*padding-top: 2em;*/
  margin-left: 3em;
  /* end of added margins*/
  font-size: 1em;
  line-height: 4em;
  font-weight: 100;
    } 
h8 {
  
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 1.5em;
  /* font-weight: bold; *//* was 200; */
  /*font-style: normal; */    /*  TRIED ITALIC BUT...*/
  line-height: 1em;
  margin-top:0em;
  /*margin-bottom: 1em;*/
  }


a.songLink {
      
      /*color: #F2ED61;*/
      /*color: #191d1f;*/
      color: #faf9f2; /*cream */
      text-decoration: none;
      }
a.darkerLink {
      color: #1c6666;
      }

   
#page {             /* FIRST LEVEL ELEMENT UNDER BODY */
      width: 90%;   /*  APPROXIMATING 960PX */
      margin: 2em auto;
      max-width: 1020px;
        /*BACKGROUND GRID FOR CHECKING PLACEMENT - PREFERRED */
        /*background-image: url("../images/marcotte_grid.gif");*/
        /*background-repeat: repeat-y;*/
        /*max-width: 960px;  */  /* FOR GRID ESTABLISHMENT ONLY - REMOVE  */  
      }
#frame {           /*FIRST LEVEL ELEMENT UNDER PAGE */
      /*position: relative;*/
      width: 95.75%;           /* 900/960 = 95.75% */
      margin: 2em auto; /* WAS 2.83125em auto; */
      /*overflow: auto;*/
      text-align:left;

      /*border: 0.3125em ridge #EBEEF0;*/

      /*border: 0.3125em ridge #FAF6F0;*/

     /* border: 0.3125em inset #FAF6F0;*/
     border: 0.3125em groove #FAF6F0;


      border-radius: 0.625em;
      /*color:#381e00;*/
 /* BACKGROUND COLOR CHOICES */
      background-color: #d2d6d6;
      /*background-color: #bab7a0;*/
 /* BACKGROUND IMAGE CHOICES */
     /* background-image: url("../images/BG_sylviaWing.jpg"); */


     background-image: url("../images/BG_Snapseed2_1600.jpg");
     /*background-image: url("../images/BG_Snapseed2.jpg");*/
     /*background-image: url("../images/BG_SnapseedMatrix.jpg");*/

 /*BACKGROUND GRIDS FOR CHECKING PLACEMENT */
     /*background-image: url("../images/960px_12_row.gif"); */
     /*background-image: url("../images/960px_12_col_grid.gif");*/
     /*background-image: url("../images/onePx.jpg");*/
      }
#header {
      padding: 0 2.6666667%;
      overflow: hidden;
      /*border-bottom: 0.25em ridge #EBEEF0;*/
      }

#navigation {
      font-family: "Trebuchet MS", Helvetica, sans-serif;
      font-size: 0.75em;
      /*font-weight: bold;*/
      text-shadow: 0.2em 0.1em 0.2em #34200D;
      /*padding: 0 3em 0 1em;   */ /* WAS 0 2.6666667%;  */   /*  60/900 = 6.66%   */
      /* border-top: 0.3125em ridge #EBEEF0; */
      overflow: hidden;
      }
#navigation a {
      color: #faf9f2; /*cream */
      text-decoration: none;
      }
#navigation ul{
      float: left;
      /*margin: 0 0 6% 0;*/
      /*margin: 0 6%; */       
      /*float: right;*/
      }
#navigation li {
      display: inline;
      font-size: 1.5em;
      line-height: 1.25em;
      padding: 0.25em 1.5em 0 0;
      }
#pageTitle {
      font-size: 1.5em;
      /*padding-left: 6.6666667%;*/
      padding: 0.25em 0 0 1.5em;     
      overflow: hidden;
      }
/* MAIL CHIMP FORM BOX */
#mc_embed_signup {
      border: 1px solid #343615;
      border-radius: 4px;
      padding: 0.25em;
      margin-top: 1.25em;
      }
/*CALENDAR RULES */
ul.calendarList {
      list-style: none;
      font-size: 0.75em;
      line-height: 1.25em;
      margin-left: -3em;
      clear: left;
      }
ul.calendarList li a {
     /* color: #33cccc;  */ /*BLUE*/
     /*color:#fcfae6; */
     color: #fcfae6; /*butter cream */
     }
ul.archiveCalendarList{
      list-style: none;
      font-size: 1em;
      margin-left: -2em;
      float: left;
      }
ul.archiveCalendarList li a {
      /*color: #015878;*/
      color: #faf9f2; /*cream */
      }
p.calendarLoc {
      /*font-style:italic;*/
      /*font-weight:bold;*/
      /*text-decoration:underline;*/
      font-size: larger;
      padding-top: 0.5em;
      clear:left;
      }
p.calendarTime {
      padding: 0.75em 0 0 0;
      /*font-size: larger;*/
      }
img.calendarIcon{
      padding: 0 0.5em 0.5em 0;
      width: 33%;
      float: left;
      }
/* FOOTER RULES */
#footer {
      /*background-image: url("../images/Pineola_OT_bottom.jpg");*/
      background-image: url("../images/BG_StarLake_footer.jpg");
      /*background-color:#6a5c36;*/
      background-color: #d2d6d6;

      /*border-top: 0.3125em ridge #EBEEF0;*/
      border-top: 0.3125em groove #FAF6F0;


      color: #faf9f2; /*cream */
      padding: 0 5.3333333%;         /*  48/900 = 5.333333%   */
      clear:both;
      overflow: auto;
      }
.footerText a {
      
      /*color: #F2ED61;*/
      /*color:#8ef3fa; *//*BLUE*/
      color: #fcfae6; /*butter cream */
      text-decoration: underline;
      }

.footerBox0 {
     width: 97.3333%;
     margin: 1em auto;
     /*margin-left: 1.3333333%;  */   */     /* 12/900 = 1.3333333%*/
     /* margin-right: auto;    */     /* 12/900 = 1.3333333%*/
     overflow: hidden;
     border: 1px solid transparent;
      }

.footerBox1 {
      font-size: 90%;
      /*width: 16em;   */                   /*  231/(16*0.9) = 16.041667*/
      width: 97.333%;
      margin-top: 1.5em; 
      margin-left: 1.3333333%;          /*  12/900 = 1.3333333%*/
      margin-bottom: 1.5em;
      overflow: hidden;
      border: 1px solid transparent;
      }
.footerBox2 {
      font-size: 90%;
      width: 16em;                     /*  231/(16*0.9) = 16.041667*/
      margin-top: 1.5em; 
      margin-left: 1.3333333%;         /* 12/900 = 1.3333333%*/
      overflow: hidden;
      border: 1px solid transparent;
      }
.footerBox3 {
      width: 97.3333%;
      /*font-size: 90%;*/
      margin-top: 1.5em; 
      margin-left: auto;          /* 12/900 = 1.3333333%*/
      margin-right: auto;         /* 12/900 = 1.3333333%*/
      overflow: hidden;
      border: 1px solid transparent;
      }
.footerBox4 {
      width: 19.4em;
      font-size: 90%;
      margin-left: 1.3333333%;          /*  12/900 = 1.3333333%*/
      margin-right: 1.3333333%;         /*  12/900 = 1.3333333%*/
      margin-top: 1.5em;
      padding: 0.5em 0;
      overflow: hidden;
      clear: right;
      border: 1px solid white;
      }
div.behavinator {
      position: relative;
      clear: both;
      width: 100%;
      }
.sectionHeader {
      position: relative;
      padding-left: 6.6666667%;  /*WAS 2.6666667%; */
      margin-bottom: 0.5em;
      /*margin-top: 1.1875em;*/
      margin-top: 0.5em; /* WAS 4.1875em; */
      /*background-color: #e2e4c3; */
      color: #faf9f2;       /*WAS #432c00;*/
      text-shadow: 0.2em 0.12em 0.2em #54412e;
      /*border-bottom: 0.3125em ridge #DBEEF0; */
      /*border-top:1px solid #655211; */

      overflow: hidden;
      }

/* RULES FOR COLUMN ELEMENTS*/
div.main { /* FIRST LEVEL ELEMENT UNDER #frame DIV - LEFT SIDE */
      width: 62.8888889%;                /*  566/900 = 62.8888889% */
      overflow: auto;
      float: left;
      }
div.sideBar { /* ALSO FIRST LEVEL ELEMENT UNDER #frame DIV - RIGHT SIDE */
      width: 36.777778%;                 /* 331/900 = 36.777778% */
      overflow: auto;
      float: right;
      }
div.mainContent { /*FIRST LEVEL ELEMENT UNDER .main DIV TO BE PAIRED WITH SIDEBAR */
      width: 83.0388693%;
      padding: 1.5em 5.1063830%;             /* WAS 1.5em 5.1063830%; */   /*  24/470 = 5.1063830%   */
      margin: 1.5em 5.1236749%;          /*  29/566 = 5.1236749%   */
      /*padding-top: 1.5em; padding-bottom: 1.5em;*/
      /*background-color: #d2d6d6;*/
      /*background-color: #faf9f2;*/
      background-color: #faf6f0;
      border: 1px solid #2F454D;
      border-radius: 6px;
      /*box-shadow: 0.1em 0.3em 1.5em 0.25em #575757;*/
      
      }

div.archiveMainContent { /*FIRST LEVEL ELEMENT UNDER .main DIV TO BE PAIRED WITH SIDEBAR */
      width: 83.0388693%;
      padding: 1.5em 5.1063830%;             /* WAS 1.5em 5.1063830%; */   /*  24/470 = 5.1063830%   */
      margin: 1.5em 5.1236749%;          /*  29/566 = 5.1236749%   */
      /*padding-top: 1.5em; padding-bottom: 1.5em;*/
      /*background-color: #d2d6d6;  */
      border: 1px solid #2F454D;
      color: #faf9f2;
      background-color: #404040;

      border-radius: 6px;
      /*box-shadow: 0.1em 0.3em 1.5em 0.25em #575757;*/
      
      }



div.subContent { /*SUB DIVISION UNDER .mainContent */
      width: 100%;
      clear: left;
      padding-top: 1.5em; padding-bottom: 1.5em;
      }
div.sideBarContent { /* FIRST LEVEL ELEMENT UNDER .sidebar DIV */
      width: 69.7885196%;                 /* 231/331 = 69.7885196% */
      margin:  1.5em auto;                  /* WAS 1.5em auto;*/
      padding: 1.5em 10.3896104%;         /* 24/231 = 10.3896104 */
      color: #faf9f2;
      background-image: url("../images/BG_Darkwater.jpg");
      background-color: #404040;
      border: 1px solid #000000;
      border-radius: 6px;
      box-shadow: 0.1em 0.1em 0.5em 0.2em #1c1c1c;
      /*box-shadow: 0.1em 0.3em 1.5em 0.25em #575757;*/
      }
div.fullContent { /*FIRST LEVEL ELEMENT UNDER #frame - FULL WIDTH CONTENT BLOCK */
      width: 87.33333%;                    /*  844/900 = 93.77% minus marg = 87.33%  */
      padding: 1.5em 3.5545024%;           /*  30/844 = 3.55%%   */
      margin: 1.5em auto 1.5em 3.2222222%;       
      /* background-color: #e2e4c3; */
      /* border: 1px solid #655211; */
      /* border-radius: 8px; */
      /* box-shadow: -0.15em 0.4em 1em 0.25em #575757; */
      }
.bioBlurb{
      padding: 1em;
      margin-left: 40.52%;
      color: #faf9f2;
      background-color: #404040;
      border: 2px solid #000000;
      border-radius: 6px;
      box-shadow: 0.1em 0.1em 0.5em 0.2em #1c1c1c;

      }
.videoHeader {
      position: relative;
      padding-left: 6.6666667%;  /*WAS 2.6666667%; */
      /*margin-bottom: 0.5em;*/
      /*margin-top: 1.1875em;*/
      /*margin-top: 0.5em; *//* WAS 4.1875em; */
      margin:  0.5em auto;                  /* WAS 1.5em auto;*/
      /*padding: 1em;    */     /* 24/231 = 10.3896104 */
      color: #faf9f2;
      background-color: #404040;
      border: 1px solid #000000;
      border-radius: 6px;
      box-shadow: 0.1em 0.1em 0.5em 0.2em #1c1c1c;      
      overflow: hidden;
      }


/*RULES FOR SETTING HEIGHT OF ELEMENTS*/
.oneRowHigh {
      max-height: 8.3125em;
      }
.twoRowHigh { /* USED IN ABOUT THE SONGS - ELEPHANT AND OWL */
      max-height: 18.75em;
      }
.threeRowHigh {/*  USED IN CALENDAR  */
      max-height: 29.1875em;
      }
.fourRowHigh {
  max-height: 39.5625em;
      }
.fiveRowHigh {
  max-height: 50.0625em;
      }
/* RULES FOR OVERFLOW */
.overflow_auto {overflow: auto;
      }
.overflow_hidden {overflow: hidden;
      }
/*RULES FOR PLACEMENT*/
.left {float:left;
      }
.right {float:right;
      }
.clear_left {clear:left;
      }
.clear_right {clear:right;
      }
.clear_both {clear:both;
      }
.marginLeft_1em {margin-left: 1em;
      }
.marginLeft_2em {margin-left: 2em;
      }
.marginLeft_4em {margin-left: 4em;
      }
.marginLeft_3em {margin-left: 3em;
      }
.vertical_middle { /*  USED IN SONG SAMPLES  */
      vertical-align: middle;
      }
.vertical_top {
      vertical-align: top;
      }

/*RULES FOR TEXT FORMAT*/
.smaller { /*  USED IN SECTION HEADINGS  */
      font-size: 75%;
      }
.large {font-size: large;
      }
.Xlarge {font-size: x-large;
      }
.XXlarge {font-size: xx-large;
      }
.italics {font-style: italic;
      }
.lightShadow {
      color: #faf9f2;       /*WAS #432c00;*/
      text-shadow: 0.2em 0.12em 0.2em #54412e;
      } 
/* RULES FOR IMAGES */
.logo {
      width: 500px;
            /*float: left;*/
      /*float: right;*/
      float: left;
      /*margin: 0.5em 2%;*/
      }
.title {
      /*float: right;*/
      float: left;
      /*margin: 0.5em 2.333333%;*/
      /*padding: 0 2.6666667%;*/
      }

.figureBox {
      margin: 0.5em 1em 0.5em 0;
      width: 49.1489362%;  /* 231/470 = 49.1489362%*/
      box-shadow: 0.1em 0.4em 1em 0.25em #575757;
      float: left;
      }
.bioBox {
      margin: 0 1em 0.5em 0;
      width: 37.9939224%;
      border: 3px ridge #EBEEF0; 
      border-radius: 6px; 
      float:left;
      }
.welcomePhoto {
      width: 100%;
      margin: 0 0.5em 1.5em 0;
      box-shadow: 0.2em 0.2em 0.5em 0.25em #bdbfbf; /* was #b1b5b5 */
      border-radius: 4px;
      }  
.featureBox {
      width: 100%;
      border: 4px inset #a39365;
      }
.photoCaption {
      font-size: 0.75em;
      color: #faf9f2;       /*WAS #432c00;*/
      text-shadow: 0.2em 0.12em 0.2em #54412e;
      text-align: center;
      width: 99%;
      padding: 1%;
      border: 1px solid #a39365;
      border-radius: 4px;
      }
.thumbnailBox {
      width: 99%;
      padding: 1%;
      border: 1px solid #a39365;
      border-radius: 4px; 
      -webkit-user-select: none;
      }
.iconFormat1 {
      margin-top: 0.5em;
      margin-right: 2.5%;
      border: 0.125em outset #2f454d;
      border-radius: 0.5em;  
      /*width: 47.4468085%;*/
      width: 45%;
      float: left;
      }
.iconFormat2 {
      margin-top: 0.5em;
      margin-left; auto;
      border: 0.125em outset #2f454d;
      border-radius: 0.5em;
      width: 45%;
      /*width: 47.4468085%;*/
      float: right;
      }
.iconFormat3 {
      margin-top: 0.5em;
      margin-bottom: 1.5em;
      margin-left; auto;
      border: 0.125em outset #2f454d;
      border-radius: 0.5em;
      /*width: 64.5021645%; */   /*  149/231 = 64.5021645%  */
      width: 95%;
      float: left;
     
      }
.iconFormat4 {
      margin-top: 0.5em;
      margin-left: auto;
      margin-right: auto;
      border: 0.125em outset #2f454d;
      border-radius: 0.25em;
      width: 95%;
      /*width: 64.5021645%; */    /*  149/231 = 64.5021645%  */
      float: left;
      }
.iconFormat5 {
      margin-top: 0.5em;
      margin-right: 2.5%;
      margin-bottom: 3em;
      border: 0.125em outset #2f454d;
      border-radius: 0.25em;  
      /*width: 47.4468085%;*/
      width: 45%;
      float: left;
      }
.iconFormat6 {
      margin-top: 0.5em;
      margin-right: 2.5%;
      margin-bottom: 3em;
      border: 0.125em outset #a39365;
      border-radius: 0.25em;  
      /*width: 47.4468085%;*/
      width: 65%;
      float: left;
      }
.iconSocial {
      padding: 0 1em 0.33em 1em;
      vertical-align: middle;
      }
.iconSocial2 {
      /*  padding: 0 7.25%;  */
      padding: 0 9.5%;
      vertical-align: middle;
      float: left;
      }


/* BANDCAMP PLAYER FRAME*/
.bandCampBox {
      margin-left: auto; 
      margin-right: auto;
      /*margin-top: 1.25em;*/
      width: 95%;
      box-shadow: 0.2em 0.2em 0.5em 0.25em #bdbfbf;
      }

/* FOTORAMA FRAME */
div.galleryFrame { 
      width: 100%;
      border: 0.125em ridge #EBEEF0;
      border-radius: 0.25em;
      background-color: #191919; 
      }



/* RULES FOR VIDEO FRAMES */
.vidFrame {
      margin: 0.5em auto; 
      border: 3px inset #faf9f2;
      border-radius: 4px;
      }
/* RULES FOR BOX SHADOWS */
.boxShadow1 {
  /*box-shadow: h-shadow v-shadow blur spread color inset;*/
      box-shadow: 0.12em 0.1em 0.4em 0.05em #4a4f4f;
      }
.boxShadow2 {
  /*box-shadow: h-shadow v-shadow blur spread color inset;*/
      box-shadow: 0.2em 0.3em 0.8em 0.05em #575757;
      }
.boxShadow3 {
  /*box-shadow: h-shadow v-shadow blur spread color inset;*/
      box-shadow: 0.3em 0.4em 01em 0.05em #42340d;
      }


/*         MEDIA QUERIES                    */
/*         NARROW WINDOW RULES              */
@media all and (max-width: 1024px) {
    /* styles for narrow desktop browsers and iPad landscape */
}

/*  START MAX WIDTH 768PX  */
@media all and (max-width: 768px)
/*and (orientation : portrait)  */
    {
    /* styles for narrower desktop browsers and iPad portrait */
      
      .logo {
           width: 400px;
           }
       div.main, div.sideBar {   
          width: 100%;
          float:none; 
          clear:left;
          } 
      div.mainContent, div.sideBarContent, fullContent { 
          width: 85%;
          padding: 1.5em 5%;
          margin: 1em auto;    
          }
 
       ul.calendarList {
          font-size: 1em;
          margin-left: -2em;
          clear: none;
          float:left;
          }
      p.calendarLoc {  
          font-weight: bold;
          padding: 1em 0 0.5em 0.25em;
          }
      p.calendarTime {margin-left: 23%;}
      img.calendarIcon {padding: 0 0.33em 0.33em 0; width: 20%;}
      
      .iconSocial2 {
         padding: 0 6.5%;
         }
}  
/*  END MAX-WIDTH 768PX  */

/*  START MAX-WIDTH 588PX  */
@media all and (max-width: 588px) {
    /* narrow browser windows */

      .logo {
           width: 350px;
           }
 
      /*#navigation ul {float: none;}*/
     /* #navigation li {display: block;}*/
      .bioBox {
          width: 95%;
          margin-left: 4%;
          float:none;
          }
      .bioBlurb {
          width: 90%;
          margin: 1.5em 3% 1.5em 3%;
          clear: left;
          }
      div.main, div.sideBar {   
          width: 100%;
          float:none; 
          clear:left;
          }  
      p.calendarLoc {font-size: 120%;}
      p.calendarTime {margin-left: 24%;}
      /*img.calendarIcon {padding: 0 0.25em 0.25em 0.25em; width: 25%;}*/

      .iconSocial2 {
         padding: 0 5.5%;
         }
}

/*  END MAX WIDTH 588PX  */
/*  START MAX WIDTH 480PX  */
@media all and (max-width: 480px) {
    /* narrow browser windows */
    #page {                 
          margin-top: 0;
          }
    .logo {
           width: 250px;
           }
    .bioBox {
          width: 80%;
          }
  /*  .iconFormat1, .iconFormat2 {float: none;} */

     #navigation ul {float: none; margin: 0 8%}
     #navigation li {display: block;}
     /*.iconSocial2 {padding: 0 4%;}*/
     /*p.calendarTime {margin-left: 5.5em;}*/
     .iconSocial2 {
         padding: 0 3.5%;
         }

}
/*  END MAX WIDTH 480 PX   */
/*  START MAX WIDTH 320PX  */
@media all and (max-width: 320px) {
    /* styles for iPhone/Android portrait */
   
     /* h2   { */
          /* font-size: 1.125em; */
          /* font-weight: 400; */
          /*}*/
    #page {           
          width: 100%;  
          
          }

    #frame {         
          position: relative;
          width: 95%; 
          margin: 0 auto;
          } 
             
   .bioBox {
          width: 90%;
          }
   .iconSocial2 {
         padding: 0 3%;
         }

  /* .iconFormat1, .iconFormat2 {float: none;} */

   .footerBox4 {
          font-size: 75%;
          }
  }
/*  END MAX WIDTH 320 PX  */
/*  START MAX WIDTH 240PX  */
@media all and (max-width: 240px) {
    /* styles for smaller devices */
}


/* END NARROW WINDOW RULES FOR COLUMN ELEMENTS */