@charset 'UTF-8';
@import url(https://fonts.googleapis.com/css?family=Raleway);
html,
html * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  
}
html,
body {
 height: 100%;
 position: relative;
 }

 
body {
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	font-size: 14;
	background: white;
	color: #999999;
	margin-left: auto;
	margin-right: auto;
}

.TextBoxno{
	color: #666666;
	border-style:none;
	text-align: center;
	width:70%; 
    margin-left:15%; 
    margin-right:15%;
	padding: 10px 20px 20px 20px;
}
.row{
	background: url(../images/wood-bg.jpg) repeat;
	height:1500px;
	border-style:dotted;
	border-color: #999999;
    text-align: center;
	width:80%; 
    margin-left:10%; 
    margin-right:10%;
	padding: 10px 20px 20px 20px;
	
}
.TextBoxnul{
	color: #666666;
	border-style:dotted;
	border-color: #999999;
    text-align: center;
	
	width:70%; 
    margin-left:15%; 
    margin-right:15%;
	padding: 10px 20px 20px 20px;
}
.TextBoxnutri{
	color: #666666;
	border-style:dotted;
	border-color: #666666;
    text-align: left;
	width:70%; 
    margin-left:15%; 
    margin-right:15%;
	padding: 10px 20px 20px 20px;
}

.TextBox{
	color: #000000;
	border-style:dotted;
	border-color: #999999;
    text-align: left;
	background: #b9a88e;
	width:70%; 
    margin-left:15%; 
    margin-right:15%;
	padding: 10px 20px 20px 20px;
}
.TextBox1{
	color: #ffffff;
	border-style:dotted;
	border-color: #999999;
    text-align: left;
	background: #4D3C23;
	width:70%; 
    margin-left:15%; 
    margin-right:15%;
	padding: 10px 20px 20px 20px;
}
.TextBox2{
	color: #000000;
	border-style:dotted;
	border-color: #999999;
    text-align: left;
	background: #dc9b99;
	width:70%; 
    margin-left:15%; 
    margin-right:15%;
	padding: 10px 20px 20px 20px;
}
.TextBox3{
	color: #000000;
	border-style:dotted;
	border-color: #999999;
    text-align: left;
	background: #f82d30;
	width:70%; 
    margin-left:15%; 
    margin-right:15%;
	padding: 10px 20px 20px 20px;
}
.TextBox4{
	color: #000000;
	border-style:dotted;
	border-color: #999999;
    text-align: left;
	background: #e99114;
	width:70%; 
    margin-left:15%; 
    margin-right:15%;
	padding: 10px 20px 20px 20px;
}
.TextBox5{
	color: #000000;
	border-style:dotted;
	border-color: #999999;
    text-align: left;
	background: #f8f5af;
	width:70%; 
    margin-left:15%; 
    margin-right:15%;
	padding: 10px 20px 20px 20px;
}
.TextBox6{
	color: #000000;
	border-style:dotted;
	border-color: #999999;
    text-align: left;
	background: #bca7b8;
	width:70%; 
    margin-left:15%; 
    margin-right:15%;
	padding: 10px 20px 20px 20px;
}
h1 {
	color: #ffffff;
	font-weight: bolder;
	font-size: 2em;
	line-height: 0;
	margin-bottom: -.35em;
	padding-top: 5%;
	text-align: center;
	letter-spacing: .3em;
	text-transform: uppercase;
	text-shadow: 0 0 15px #FF0000;
	
	
}
h2 {
	font-weight: 100;
	font-size: 1.5em;
	text-align: center;
	line-height: 0;
	margin-bottom: -.35em;
	color: #666666; 
	letter-spacing: .2em;
	text-transform: uppercase;
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
}

table.center {
    width:80%; 
    margin-left:15%; 
    margin-right:15%;
  }
td.description {
	vertical-align: top;
	color: #646464;
  }
td.bottom {
	vertical-align: middle;
    text-align:center;
    width:70%; 
    margin-left:15%; 
    margin-right:15%;
  }

nav {
  margin-top: 40px;
  padding: 24px 10px 24px 10px;
  text-align: center;
  font-family: Raleway;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  color: #ffffff;
}

.menu {
  transition: 0.4s;
  color: #ffffff;
  font-size: 16px;
  text-decoration: none;
  padding: 0 9px;
  margin: 0 10px;
}
.menu:hover {
  background-color: #ffffff;
  color: #639b04;
  padding: 24px 9px;
}

#nav-2 {
  background: #639b04;
}

container { 
	width: 900px; margin: auto; padding-top: 1em; 
}
.container .ism-slider { 
	margin-left: auto; margin-right: auto; 
}

section	a:link {color: #639b04;}
section a:visited {color: #639b04;}
section a:hover {color: red;}
section a:active {color: red;}

/*Footer*/
footer {
 color:#000;
 font-size: 15px;
 font-family: 'karla';
 font-weight: 100;
 vertical-align: middle;
 text-align: center;	
 position:absolute;
 bottom:0;
 width:100%;
 height:193px; 
 background:url(../images/footerbg.png);
 background-repeat:no-repeat;
 background-position:center;
 border:0px;
}

.whitetext {color: #ffffff; }

footer a:link {color: #fff;}
footer a:visited {color: red;}
footer a:hover {color: red;}
footer a:active {color: red;}
	
.footer-content {
	width: 64%;
	margin: 0 auto;
	padding-bottom:1.7em;
}
.footer-social {
	display: block;
	width: 100%;
	list-style-type: none;
	text-align: center;
}
.footer-social li {
	display: inline-block;
	margin: 0 1.2em;
}
.footer-social li a {
	line-height: 3.5em;
	display: inline-block;
	width: 4em;
	height: 4em;
	text-align: center;
	border: 2px solid rgba(255,255,255,.3);
	border-radius: 50%;
}
.footer-social li a:hover {
	border-color: #fff;
	background: #fff;
}
.footer-social li a img {
	width: auto;
	height: 1em;
}
.footer-social li a .social-hover {
	display: none;
}
.footer-social li a:hover .social-default {
	display: none;
}
.footer-social li a:hover .social-hover {
	display: inline;
}
.footer-info {
	padding-top: 5em;
}
.footer-info p {
	font-size: .8em;
	color:#fff;
	line-height: 1.55;
	max-width: 36em;
	margin-bottom: 1.7em;
}
.footer-info {
	clear: both;
}
.footer-legal {
	opacity: .8;
}
.footer-credit a:hover {
	text-decoration: none;
}
/*End Footer*/
* {
 box-sizing: border-box;
}

*:before,
*:after {
 box-sizing: border-box;
}

.main-container {
 min-height: 100vh; /* will cover the 100% of viewport */
 overflow: hidden;
 display: block;
 position: relative;
 padding-bottom: 193px; /* height of your footer */
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
}
html{font-size:100%;}
@media(min-width:60em){html{font-size: 100%}}