body {background: #a8a8a8;
	  border: 0px solid #a6a6a6;
	 
  }
  
   #head > img {
   max-width:100%;
   width:100%;
   height:auto;
			 }
   
   
   #main {
   min-height: auto;
   margin: 0px;
   padding: 10px;
   background: #a8a8a8;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row;
           flex-flow: row;
   }
 
  #main > article {
   
   margin: 0px;
   padding: 7px;
   border: 0px solid #a6a6a6;
   border-radius: 4pt;
   background: #a8a8a8;
   -webkit-flex: 3 1 53%;
           flex: 3 1 53%;
   -webkit-order: 2;
           order: 2;
	
   }
  
  #main > nav {
   margin: 5px;
   padding: 5px;
   border: 1px solid #a0a0a0;
   border-radius: 6pt;
   background: #c8c8c8;
   -webkit-flex: 1 6 27%;
           flex: 1 6 27%;
   -webkit-order: 1;
           order: 1;
   }
  
  #main > aside {
   margin: 10px;
   padding: 10px;
   border: 1px solid #a0a0a0;
   border-radius: 6pt;
   background: #c8c8c8;
   -webkit-flex: 1 6 20%;
           flex: 1 6 20%;
   -webkit-order: 3;
           order: 3;
   }
   
    #foot  {
   display:none;
			 }
 
  header {
   
   display: block;
   margin: 0px;
   padding: 0px;
   min-height: 60px;
   max-height: 242px;
   border: 0px solid #181818;
   border-radius: 0pt;
   background: #a8a8a8;
   }
   
   footer {
   
   display: block;
   margin: 0px;
   padding: 10px;
   min-height: 40px;
   max-height: 80px;
   border: 0px solid #D0D0D0;
   border-radius: 0pt;
   background: #a8a8a8;
   }
   
   img {max-width:100%;
	   height: auto;
      }
	  
   .bio img {float: right;
       margin: 10px 10px 10px 0px;
      }
	  
  
	  
  .scale img {max-width:100%;
             width:100%;
			 height:auto;
			 }
  
  .header {text-align:center;
           font-family: danielbd;
		   font-size: 42px;
		   color:#404040;
           margin: 2px;}
		   
   .motto {text-align:center;
           font-family:verdana;
		   font-size:20px;
		   color:#000033;
		   margin:2px;}
		   
   .artist {text-align:center;
           font-family:verdana;
		   font-size:18px;
		   color:#000033;
		   margin:2px;}
		   
	.left {text-align:center;
           font-family:'Copperplate Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
		   font-size:12px;
		   color:#201a07;
		   margin:2px;}
		   
   .art {font-family:verdana;
		   font-size:16px;
		   color:#585858;
		   margin:2px;}
		   
   .text {font-family:verdana;
          font-size:14px;
		  color:#585858;}
		  
	 .name {text-align:center;
           font-family:Tahoma, Geneva, sans-serif;
		   font-size:14px;
		   color:#201a07;
		  
		   }
		  
     .jeff{text-align:right;
         font-family:Tahoma;
         font-size:12px;
		 color: #484848;}
		 
	.mike{
         font-family:Verdana;
         font-size:10px;
		 color: #484848;}
		 
    .foot a {
	      font-family:Tahoma, Geneva, sans-serif;
          font-size:10px;
		  color:#ff0061;}
		  
	.foot a:visited{
	      font-family:Tahoma, Geneva, sans-serif;
          font-size:10px;
		  color:#ff0061;}
		  
    .red {text-align:center;
	      font-family:verdana;
          font-size:11px;
		  color:#D80000;}
		  
  h2 {text-align: center;
      font-family:verdana;
	  color:#585858;}	 
		  
  h4 {text-align: center;
      font-family:verdana;
	  color:#3399FF;}	   

  
  h6 {text-align: center;
      font-family:verdana;
	  color:#A8A8A8;}
  
 
  p {font-family:verdana;}
  
  ul.flex li{
  width: auto;
  float: left;
  display: inline;
  border: 1px solid #B0B0B0;
   border-radius: 4pt;
   margin: 5px;
   padding: 5px;
   background: #FFFFFF;
		}
  
  ul.list li{
  
  float: right;
  display: inline;
		}
   
  a {text-decoration:none;
	  font-family:'Copperplate Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
	  font-size:16px;
	  outline:none;}
  a:link {color:#ff0061;
         font-weight: 700;
         }
  a:visited {color:#ff0061;
          background-color:#d3d3d3;}
  a:hover {background-color:#d9d9d9;
	         color:#ff0061;
			 text-decoration:none;}
	
	
@media all and (max-width: 1300px) {	  
   .name {text-align:center;
           font-family:Tahoma, Geneva, sans-serif;
		   font-size:10px;
		   color:#201a07;
		   
		   }
  
	}		 
    
  
  /* Too narrow to support three columns */
  @media all and (max-width: 880px) {
  
  body {background: #a8a8a8;
  }
  
  /*#head > img {
   display:none;
			 }*/
  
  #main {
   min-height: auto;
   margin: 0px;
   padding: 0px;
   background: #a8a8a8;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: column;
           flex-flow: column;
    justify-content: flex-start;
	align-content: center;
	align-items: center;
   }
 
  #main > article {
   min-height: auto;
   margin: 0px;
   padding: 5px;
   border: 0px solid #D8D8D8;
   border-radius: 0pt;
   background: #a8a8a8;
   -webkit-flex: 1 6 auto;
           flex: 1 6 auto;
   -webkit-order: 2;
           order: 2;
	  
   }
  
  #main > nav {
   min-height: auto;
   margin: 5px;
   padding: 5px;
   border: 1px solid #a0a0a0;
   border-radius: 4pt;
   background: #c8c8c8;
   -webkit-flex: 1 6 auto;
           flex: 1 6 auto;
   -webkit-order: 1;
           order: 1;
   }
  
  #main > aside {
   min-height: auto;
   margin: 5px;
   padding: 5px;
   border: 1px solid #a0a0a0;
   border-radius: 4pt;
   background: #c8c8c8;
   -webkit-flex: 1 6 auto;
           flex: 1 6 auto;
   -webkit-order: 3;
           order: 3;
   }
   
    #foot  {
   display: block;
			 }
 
  header {
   
   display: block;
   margin: 0px;
   padding: 5px;
   min-height: auto;
   max-height: auto;
   border: 0px solid #181818;
   border-radius: 0pt;
   background: #a8a8a8;
   }
   
    footer {
   
   display: block;
   margin: 0px;
   padding: 5px;
   min-height: 40px;
   max-height: 80px;
   border: 0px solid #181818;
   border-radius: 0pt;
   background: #a8a8a8;
   }
   
   
   
   .text {font-family:verdana;
          font-size:16px;
		  color:#585858;}
   
    .name {text-align:center;
           font-family:Tahoma, Geneva, sans-serif;
		   font-size:18px;
		   color:#101010;
		   }
	

  }