/* W3.CSS 2.5 by Jan Egil and Borge Refsnes. Do not remove this line */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
/*Responsive layout */
/* Small devices (phones, 768px and up) The navbar toggle appears at this breakpoint*/
@media (max-width: 768px) {  
	html,body {overflow-x: hidden;}
	img.thb { max-width: 75%;height: auto;margin:3px;}
	ul.contact {font-size:10px;}
	.container-fluid {overflow-x: hidden;}
	li,h3,h4  {line-height:2.5rem; font-size:60%;}
	.navbar .brand, .navbar .nav > li > a {background-color:#eee; overflow-x: hidden;}
	.hid {display: none;}
	h3 {font-size: 1.25rem;}
	h4 {font-size: 2.5rem;}
	.benefits {font-size:1em;line-height:3.5rem;}
} 

/*@media (min-width: 576px) {  	}
End Responsive layout */


html {
  scroll-behavior: smooth;}
a:link, a:visited { color:#000:}
  body {
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 1vmax;
	line-height: 1.8;
	overflow-x: hidden;
	background-image: url('images/BizCardBiG.gif');
	}
	
h2 {
      font-size: 3rem;
      color: #9C6B21;
      font-weight: 600;
      margin-bottom: 20px;}
      
h3 {
    font-size: 2rem;
	font-weight: 600;
	color: #fff;
	text-align:center;
	margin:0px;
	padding-bottom: 0px;
	font-family: Arial,Helvetica,Sans-serif;
	font-style: italic;
	letter-spacing: .05em;
	text-shadow:  1px 1px 2px black, 0 0 25px #000, 0 0 5px #000; }
	
h4 {
	font-size: 2rem;
	text-transform:uppercase;
	}
	
ul {
	font-size: 1.5rem;
	line-height:2rem;
	text-indent:1px;
	padding:0;
	list-style-type: circle;
	list-style-position: inside;}
	
li  	{	
	line-height:3rem;
	font-size: 2rem;}
	
ul#menu li {
  display:inline;
  font-size:1.5em;
  text-align: right;
  color: #000; !important;
  text-shadow: 1px 1px 8px white, 0 0 2px #fff, 0 0 8px #fff;
}	


button { background-color: invisible; }

#deck-pics 
{
	position: absolute;
	top: 8px;
	left: 8px;
	width: 200px;
	height:28px;
	border: 0;
	color: invisible;
	box-shadow:  1px 1px 2px black, 0 0 25px #000, 0 0 5px #000;
}

  .thumbs  
  {
  	max-width: 100%;
  	height: 300px;
  	margin-right: auto;
  	margin-top: 5px;
  	margin-left: auto;
  	padding: 0 2px;
  	font-family: 'Lucida Grande', 'Lucida', tahoma, verdana, sans-serif;
  	font-size: -1;
  	text-align: center;
  	overflow-x: hidden;
  	overflow-y: scroll;
  	visibility: visible;
  	background-image: url('images/BizCardBiG.gif');
  }
.space {
	background-image: url(images/PlankH1.gif);
	width:100%;
	height: 50px;
	border: none;
	background-repeat: repeat;}
	
.thb {
  	max-width: 100%;
  	height: auto;
	display: flex;
    justify-content: space-between;
    overflow-x: hidden;
    align-items: center;
    margin: 3px;
    padding:2px;
	float: left;}
	
.sm {font-size:1rem; color:#fff; margin:0px:}

.navbar
{
	background-image: url(images/PlankH1.gif);
	position: absolute;
	width:100%;
	max-height: 10px;
	border: none;
	background-repeat: repeat;
}
.navbar .brand, .navbar .nav > li > a {
   font-size: 1.5rem; color: #000; text-transform: uppercase;
}
.navbar-default .navbar-toggle .icon-bar {
	border:2px solid black; background-color:#eee; 
}

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto; }
      
.copy
{
	text-align: center;
	color: #4C4C4C;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: .75em;
	width: 780px;
	height: auto;
	padding: 5px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}
	.copy a {color: #4C4C4C; border: none; padding: 0; text-decoration: underline;}
	
	.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}