/*
A Bootstrap 3.1 affix sidebar template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

body {
	font-family: 'Signika Negative', sans-serif,
	margin: 0;
	padding: 0;
	color: #000;
	
}


ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	text-align:center;
}
h4 {font: 600  20px/18px 'Signika Negative', arial, sans-serif; color:#6699cc; text-align:center;
}
hr { 
    display: block;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}
table, tr{
	border-style: dashed;
	border-color:#A9F5F2;
	border-width:0.5px;
	text-align:center;
}

#masthead { 
 min-height:225px;

}

#masthead h1 {
 font-size: 30px;
 line-height: 1;
 padding-top:20px;
}

#masthead .well {
 margin-top:4%;
 background-color: rgba(255,255,255,0.4);
 padding-left:10px;
}

.content {
	padding-bottom:50px;
	align:middle;
	width:auto;
	
}
.footer{
	align:right;
	background-color: rgba(255,255,255,0.4);
	padding:5px;
	padding-top:50px;
}
#product {
width: 60%;
overflow: hidden;
white-space: nowrap;
}
.row li {
  width: 40%;
  float:left;
  list-style-type:none;
  margin: 5px 25px 5px 25px;
}
@media screen and (max width:768px}{
.row li{
width:90%;
float:left;
list-style-type:none;
margin:5px 5px 5px 5px;
}

img {
  border: 0 none;
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
figcaption{
	text-align: center;
	font-size: 13px;
	color: #666;
	font-style:italic;
}
@media screen and (min-width: 768px) {
  #masthead h1 {
    font-size: 50px;
  }
  #masthead .well {
 margin-top:25%;
 background-color: rgba(255,255,255,0.4);
 padding-left:10px;
}
}

.navbar-bright {
 background-color:#111155;
 color:#fff;
}

.affix-top,.affix{
 position: static;
}

@media (min-width: 979px) {
  #sidebar.affix-top {
    position: static;
  	margin-top:30px;
  	width:228px;
	background-color: rgba(255,255,255,0.6);
  }
  
  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
	background-color: rgba(255,255,255,0.6);
  }
}

#sidebar li.active {
  border:0 #eee solid;
  border-right-width:5px;
  background-color: rgba(255,255,255,0.6);
}