body {background: #2b2b2b;
      border: 0px solid #D0D0D0;
  }
  

				 
				 
 #main {
   min-height: auto;
   margin: 0px;
   padding: 0px;
   background: #2b2b2b;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row;
           flex-flow: row;
   }
 
  #main > article {
   margin: 0px 0px 0px 0px;
   padding: 5px;
   border: 0px solid #d3d3d3;
   border-radius: 0pt;
   
   background: #2b2b2b;
   -webkit-flex: 0 1 1%;
           flex: 0 1 1%;
   -webkit-order: 2;
           order: 2;	   
   }
  
  #main > nav {
   margin: 0px 0px 0px 0px;
   padding: 5px;
   border: 0px solid #d3d3d3;
   border-radius: 0pt;
   
   background: #2b2b2b;
   -webkit-flex: 0 1 1%;
           flex: 0 1 1%;
   -webkit-order: 1;
           order: 1;
   }
  
  #main > aside {
   margin: 0px;
   padding: 5px;
   border: 0px solid #d3d3d3;
   border-radius: 0pt;
   
   background: #ffffff;
   -webkit-flex: 1 1 98%;
           flex: 1 1 98%;
   -webkit-order: 3;
           order: 3;
   }
 
   header {
   
   display: block;
   margin: 0px;
   padding: 0px;
   min-height: 0px;
   max-height: auto;
   border: 0px solid #181818;
   border-radius: 0pt;
   background: #2b2b2b;
   }
   
   footer {
   
   display: block;
   margin: 0px;
   padding: 1px;
   min-height: 0px;
   max-height: auto;
   border: 0px solid #a8a8a8;
   border-radius: 0pt;
   background: #d3d3d3;
   }
   
   img {max-width:100%;
	   height: auto;
      }
	  
    
	/*new horizontal menu at header middle  */
	#flat ul{
  list-style: none;
  
     }

   #flat li{
    display: inline;
	
      }
	  
	#flat li a:link, li a:visited, li a:active {
	text-decoration:none;
	font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
    font-size:16px;
    color:#000000;
	background-color:#a9a9a9;
	padding: 0px 14px 2px 14px;
	border-radius: 7pt;
	
	} 
	
	#flat li a:hover{
		color:#ffffff;
		background-color:#fe0000;
	}
  
   
	  
  .front img {max-width:2000px;
             width:100%;
			 height:auto;
			 }
	  
    @font-face {font-family: rounded;
	             src: url(pop.ttf);}
				 
	
				 
   .jeff {
           font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
		   font-size: 54px;
		   color:#181818;
           margin: 2px;
		   text-shadow: 1px 1px #ffffff;
					
						
		  }

    .top {text-align:center;
           font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
		   font-size:18px;
		   color:#404040;
		   margin:2px;
		   text-shadow: 1px 1px #d8d8d8;
		   }		  
		   
	.popb {text-align:center;
           font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
		   font-size:24px;
		   color:#404040;
		   margin:2px;
		   
		   }		  
  
    .iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
    }
 
    .iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
    }
 
      /* 4x3 Aspect Ratio */
    .iframe-container-4x3 {
    padding-top: 75%;
    }
  
  a {text-decoration:none;
	outline: none;
	}
	
  #main a:active {
	  background-color:#ffffff;
  }

	
	
	
	#low ul{
  list-style: none;
     }

	  
	#low li {
	display: inline;
     }
	  
	#low li a:link, li a:visited, li a:active {
	text-decoration:none;
	} 
	
	#low li a:hover{
		background-color:#d3d3d3;
	}
	  
	
	
	
	
	 #btm2 ul{
  list-style: none;
  
     }  
	 
    #btm2 li{
    display: inline;
    font-family:rounded, futura, 'URW Gothic L', Verdana, sans-serif;
    font-size:10px;
    color:#888888;
      }
	  
	
	
	  
	  
	#btm2 li a:link, li a:visited, li a:active {
	text-decoration:none;
	font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
    font-size:10px;
    color:#191818;
	padding: 0px 15px 0px 5px;
	
	} 
	
	#btm2 li a:hover{
		background-color:#f5f5f5;
	}
		
	
	
	  
	
	
	#link a:link, a:visited {
	display: block;
	font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
    font-weight: bold;
	font-size:14px;
    color: #585858;
    background-color: #ffffff;
    text-align: center;
    padding: 2px;
    text-decoration: none;  
  }
  
  #link a:hover, a:active {
    background-color: #d3d3d3;
	color: #FFFFFF;
	font-size:14px;
      }
		
	
	/*BEGIN CSS FOR CONTACT FORM*/
	 .container {
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
}

.container * {
  box-sizing: border-box;
}

.flex-outer,
.flex-inner {
  list-style-type: none;
  padding: 0;
}

.flex-outer {
  max-width: 800px;
  margin: 0 auto;
}

.flex-outer li,
.flex-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.flex-inner {
  padding: 0 8px;
  justify-content: space-between;  
}

.flex-outer > li:not(:last-child) {
  margin-bottom: 20px;
}

.flex-outer li label,
.flex-outer li p {
  padding: 8px;
  font-weight: 400;
  letter-spacing: .09em;
  text-transform: uppercase;
   font-family:Tahoma, Geneva, sans-serif;
   color:#181818;
}

.flex-outer > li > label,
.flex-outer li p {
  flex: 1 0 120px;
  max-width: 220px;
}

.flex-outer > li > label + *,
.flex-inner {
  flex: 1 0 220px;
}

.flex-outer li p {
  margin: 0;
}

.flex-outer li input:not([type='checkbox']),
.flex-outer li textarea {
  padding: 15px;
  border: 1px solid #888888;
}

.flex-outer li button {
  margin-left: auto;
  padding: 8px 16px;
  border: none;
  background: #585858;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: .09em;
  border-radius: 2px;
}

.flex-inner li {
  width: 100px;
}
	/*END FOR CONTACT FORM*/  	

 	 /* header sizing from 850px to 1800px */
  @media all and (max-width: 1600px) {
	  
	#low li, p, li a:link, li a:visited, li a:active{
	display: inline;
    text-decoration:none;
	font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
    font-size:40px;
    color:#181818;
    
      }
	    
	   
	  
  }
	
  
  /* Too narrow to support three columns */
  @media all and (max-width: 800px) {
  
  body {background: #2b2b2b;
  }
  
   .text {
          font-size:16px;
		  }
		  
	
 
    .jeff {
		   font-size: 40px;
             } 
			 
	

  
   
			 
  #main {
   min-height: auto;
   margin: 0px;
   padding: 0px;
   background: #2b2b2b;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: column;
           flex-flow: column;
    justify-content: flex-start;
	align-content: 100%;
	align-items: 100%;
   }
 
  #main > article {
   min-height: auto;
   margin: 0px;
   padding: 5px;
   border: 0px solid #D8D8D8;
   border-radius: 0pt;
   background: #2b2b2b;
   -webkit-flex: 1 1 auto;
           flex: 1 1 auto;
   -webkit-order: 2;
           order: 2;
	  
   }
  
  #main > nav {
   min-height: auto;
   margin: 0px;
   padding: 5px;
   border: 0px solid #181818;
   border-radius: 0pt;
   background: #2b2b2b;
   -webkit-flex: 1 1 auto;
           flex: 1 1 auto;
   -webkit-order: 1;
           order: 1;
   }
  
  #main > aside {
   min-height: auto;
   margin: 0px;
   padding: 5px;
   border: 0px solid #181818;
   border-radius: 0pt;
   background: #ffffff;
   -webkit-flex: 1 1 auto;
           flex: 1 1 auto;
   -webkit-order: 3;
           order: 3;
   }
 
  header {
   
   display: block;
   margin: 0px;
   padding: 5px;
   min-height: auto;
   max-height: auto;
   border: 0px solid #181818;
   border-radius: 0pt;
   background: #2b2b2b;
   }
   
    footer {
   
   display: block;
   margin: 0px;
   padding: 5px;
   min-height: auto;
   max-height: auto;
   border: 0px solid #a8a8a8;
   border-radius: 1pt;
   background: #d3d3d3;
   }
   
   #flat li{
    display: inline;
	line-height: 48px;
      }
   
   #flat li a:link, li a:visited, li a:active {
    font-size:16px;
	} 
   
   
    #btm2 li a:link, li a:visited, li a:active {
	font-size:12px;
    } 
     
	#low li, p, li a:link, li a:visited, li a:active{
	display: inline;
    text-decoration:none;
	font-family: rounded, futura, 'URW Gothic L', Verdana, sans-serif;
    font-size:24px;
    color:#181818;
    
      }
	  
   
   
  }