body {
margin: 0;
padding: 0;
background-color: #999999;
}
i {
	font-size: 3em;
	padding: 5%;
}
#Container {
    width: 100vw;
    max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	border: 0px solid;
	background-color: #999999;
}
#Title {
	border: 0px solid;
}	
#Title2 {
    width: 100%;
    border: 0px solid;
    background-color: rgb(6, 83, 91);
} 
#Main {
	width: 100%;
	border: 0px solid;
	background-attachment: scroll;
	background-image: url(../images/ReviewsBG005.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #666666;
	font-weight: bold;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #268F93;
}
#ProductWraper {
    display: grid;
    grid-template-columns: 1fr;
    border: 0px solid;
    width: 100%;
}
#PD1 {
	display: inline-block;
    border: 0px solid;
    width: 100%;
    grid-row: 1/1;
    grid-column: 1;
}
#PD2 {
	display: inline-block;
    border: 0px solid;
    width: 100%;
    grid-row: 2/2;
    grid-column: 1;
}
#PD3 {
	display: inline-block;
    border: 0px solid;
    width: 100%;
    grid-row: 3/3;
    grid-column: 1;
}	
#panelof3 {
    display: grid;
    border: 0px solid;
    width: 100%;
}
#Layer1 {
	display: inline-block;
    border: 0px solid;
    width: 100%;
    grid-row: 1/1;
    grid-column: 1;
}
#Layer2 {
	display: inline-block;
    border: 0px solid;
    width: 100%;
    grid-row: 2/2;
    grid-column: 1;
}
#Layer3 {
	display: inline-block;
    border: 0px solid;
    width: 100%;
    grid-row: 3/3;
    grid-column: 1;
}	
#Reviews {
	height: 60px;
	width: 100%;
	position: relative;
	z-index: 4;
	left: auto;
	top: -80px;
	padding: 0px;
	right: auto;
}
#JoinUs {
    height: auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color:#CCD4AE;
	position: relative;
}	
#Footer {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 0px solid;
    position: relative;
    background-color: #47BE7A;
}
.style2 {	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
.style4 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style6 {font-size: 12px}
a:visited {
	color: #FF6633;
	text-decoration: none;
}
a:link {
	color: #CCFF33;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #00FF66;
	font-size: 18px;
}
a:active {
	text-decoration: none;
}
#Overlay {
	position: relative;
	top: 0px;
	z-index: 9;
	width: 920px;
	left: 0px;
}
.style10 {color: #CCCCCC}
.style11 {
	color: #FFFFFF;
	font-size: 14;
}
.price .today {
    margin-right: auto;
    margin-left: auto;
    display:inline-block;
    transform:skewX(-12deg);
    color:#fff;
    font-size:.95rem;
    padding:.2rem .3rem .25rem;
    text-align: center;
  }
  .amount {
    font-size:1.2rem;
    margin:0 0 0 .2rem;
    color:#222;
    display:inline-block;
    font-weight:700;
   }
   .amount span {
    font-size:70%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
    top:-.25rem;
    padding-left:.1rem;
   }
   .ProductBook .title {
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    text-align: center;
   }
  p {
     padding: 0;
     margin-top: 0;
   }
   .why-pay > span {
    text-decoration: line-through;
  }
.ProductBook {
    padding-top: 5%;
    padding-bottom: 5%;  
    margin-bottom: 20px;
    background-color: #fff;
 }
 .line {
    padding-top: 4%;
   margin-right: auto;
   margin-left: auto; 
   border-bottom: 2px solid #aaa;
   width: 74%;
  }
  .image {
   width:auto;
   padding:0;
   width:100%;
   text-align:center
  }
  .save {
   font-weight:700;
   color:#888;
   font-size:.8rem;
   padding:0;
   margin:0
  }
 .price .today span {
   transform:skewX(12deg);
   display:inline-block
  }
 .today {
   background-color:#66cb00
  }
 .buttons {
   flex: 1;  
   position: relative;  
 }
@media screen and (min-width: 640px) {
    #Layer1 {
        display: inline-block;
        border: 0px solid;
        width: 100%;
        grid-row: 1/1;
        grid-column: 1;
    }
    #Layer2 {
        display: inline-block;
        border: 0px solid;
        width: 100%;
        grid-row: 1/1;
        grid-column: 2;
    }
    #Layer3 {
        display: inline-block;
        border: 0px solid;
        width: 100%;
        grid-row: 1/1;
        grid-column: 3;
    }  
    #PD1 {
        display: inline-block;
        border: 0px solid;
        width: 100%;
        grid-row: 1/1;
        grid-column: 1;
    }
    #PD2 {
        display: inline-block;
        border: 0px solid;
        width: 100%;
        grid-row: 1/1;
        grid-column: 2;
    }
    #PD3 {
        display: inline-block;
        border: 0px solid;
        width: 100%;
        grid-row: 1/1;
        grid-column: 3;
    }
    #ProductWraper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;	 
     }
}