.review-overlay,.review-overlay-content,.review-image-container
{
	display:block;
}

.reviewBox{width: 100%; margin-bottom:30px;}
.reviewBox{background-color: #F5F5F5; float:left;}
.reviewPros,.reviewCons{display: inline-block; font-weight: 500; vertical-align:text-top; padding-left:30px; width:44%;}
.reviewContent .fa-check{color:green;}
.reviewContent .fa-close{color: red;}
.review-image{width:100%; height:auto;}
.review-image-container{position:relative;}
.review-highlight p{margin-bottom: 0px;}
.review-highlight p{font-size: 2.2em !important; margin-top:60px; font-weight:500; color:#FFFFFF; text-align:center; margin-left:5%; margin-right:5%; font-style:italic;}

.blueLabel{color: #223fbd; font-weight:bold; }
.officialScore{width:94%; font-weight: 500; margin-left:3%; margin-right: 3%; text-align:center; border-bottom: solid 1px #A9A9A9; padding-bottom: 5px;}
.review-overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 99%;
  width: 100%;
  background-color:rgba(0, 0, 0, 0.6);

  z-index:999;
}
.review-overlay-content{

  align-items: center;
  width:100%;
}
.hexagon {
  position: relative;
  width: 125px;
  height: 73px;
  margin: -15px auto;
}
.hexagon::before,
.hexagon::after {
  content: "";
  position: absolute;
  border-left: 62.5px solid transparent;
  border-right: 62.5px solid transparent;
}
.hexagon::before {
  bottom: 100%;
  border-bottom: 36px solid;
}
.hexagon::after {
  top: 100%;
  border-top: 36px solid;
}
.hexagon{margin-top:5vh;}
.begin-review{width:100%; text-align:center;}	
h3.review-title
{color:#FFFFFF; 
font-size:2.7rem !important; 
margin-top:30px; 
font-weight: 400 !important;

}
.hexagon .reviewScoreVal{
text-align: center;
line-height: 60px;
color: #FFFFFF;
font-size: 3rem !important;
font-weight: 400 !important;
}
.hexagon .outOF{
	font-size:0.8em;
	line-height:0.8em;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	vertical-align: middle;
	z-index: 9999999;
    position: inherit;
}

.reviewLabBox{width:100%; color:black; background-color:grey; text-align:center}	
	.hexagon-1:before, .hexagon-1:after{
		color:#820000 !important;
	}
	
	.hexagon-2:before, .hexagon-2:after{	
		color: #c13c3c  !important;
	}
	
	.hexagon-3:before, .hexagon-3:after{	
		
		color: #e0da82  !important;
			
	}
	.hexagon-4:before, .hexagon-4:after{	
		color: #61d86f  !important;
		
	}
	.hexagon-5:before, .hexagon-5:after{	
		color: #298f35  !important;
	}
	
	.hexagon-3 div{color:#000000 !important;}
	.review-overlay .row1{width: 100% !important; position: absolute; bottom:3%; right: 3%}
	.review-overlay .row1 img{width: 100px; position:absolute;    right: 3%; bottom: 3%;}

@media screen and (max-width: 1699px)  {
	h3.review-title{font-size:2em !important}
 .review-highlight p{margin-top:40px;}
   .hexagon .reviewScoreVal{font-size:2em;}
   .hexagon{zoom:0.75}
	.review-overlay .row1 img{width: 66px; position:absolute;    right: 3%; bottom: 3%;}

}		
@media screen and (max-width: 1400px) {
   h3.review-title, .review-highlight p{font-size:1.3rem !important}
   .review-highlight p{margin-top:40px;}
   .hexagon .reviewScoreVal{font-size:2em;}
   .hexagon{zoom:0.75}
.hexagon {
    margin-top: 7vh;
}
	.review-overlay .row1 img{width: 66px; position:absolute;    right: 3%; bottom: 3%;}
	
}		


@media screen and (max-width: 999px) {
	.reviewPros,.reviewCons{display: block; font-weight: 500; width:90%;}
	.gameInfo{border-top: none; width:94%;  text-align:center; font-weight: 500; padding-bottom:0px; margin-left:3%; margin-right:3%}
	.gameInfo div{width:100% !important; display:block !important; margin-top: 10px !important; border-bottom: solid 1px #A9A9A9; padding-bottom: 10px !important;}
	.gameIfo div:last-child{border-style:hidden !important;}

}
@media screen and (min-width: 1000px) {
.gameInfo{border-top: solid 1px #A9A9A9; width:94%; margin-top:20px; text-align:center; font-weight: 500; padding-top:20px; padding-bottom:20px; margin-left:3%; margin-right:3%}
.gameInfo div{display: table-cell; width:10%; text-align:center;}
}