.flex-container {
    display: -webkit-flex;
    display: flex;
--    width: 800px;
--    height: 250px;
--    background-color: lightgrey;
	flex-wrap: wrap;
 --   -webkit-justify-content: center;
--    justify-content: center;
}

.flex-item {
    background-color: lightgrey;
	border:1px solid grey;
	border-radius:5px;
    width: 285px;
--    height: 100px;
    margin: 3px;
	padding-left: 5px;
}

.small-flex-container {
    display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
}

.small-flex-item {
    margin: 2px;
	padding-left: 2px;
}


 h1.reviews {
	font-weight:bold !important;
	font-size:16px !important;
	color:black !important;	 
 }
 
 h2.reviews {
	font-weight:bold !important;
	font-size:16px !important;
	color:black !important;
	margin-top:5px;
	margin-bottom:3px;
}
p.reviews {
	font-weight:normal !important;
	font-size:12px !important;
	color:black !important;
	margin-bottom:2px !important;
	
}
div.reviews {
	font-weight:normal !important;
	font-size:12px !important;
	color:black !important;
	
}
table.reviews { 
color: black;
background-color:rgba(0,0,0,0.20);
text-align:left;
font-size:12px !important;
--width:75%;

box-shadow: 0px 0px 20px rgba(0,0,0,0.10),
     0px 10px 20px rgba(0,0,0,0.05),
     0px 20px 20px rgba(0,0,0,0.05),
     0px 30px 20px rgba(0,0,0,0.05);
}
h1 {
	font-weight:bold !important;
	font-size:16px !important;
	color:red !important;
	
}

 



 tr {
     &:hover {
      background: #f4f4f4;
      
      td {
        color: #555;
      }
    }
 }



p.reviewsubheading{
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
}

p.reviewheading {
	font-weight:bold !important;
	font-size:16px !important;

}

#h2reviews {
	font-weight:bold;
	font-size:16px;
	color:blue;
}

td.reviews {
	padding:2px;
	color: black;
--	width:400px;
}

tr:nth-child(even){background-color: #f2f2f2}

@media (min-width: 10px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}