
.product {
	padding:10px;
	text-align:left;
	}
input[type=submit]{display:block;margin-top:10px;}

.infobar .vct {
 /*position:absolute;left:2px;*/
float:left;
}
.infobar .status {float:right;
}
/* Portfolio */
.product {
  display: flex;
  grid-gap: 10px;

/* grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/	
 grid-template-columns: 14vw 86vw auto;
}
.shopPhoto,.detailImage
{
display:flex;
object-fit:cover;
object-position:center center;    
width:10vw;
height:10vw;
max-width:200px;
max-height:200px;
min-height:100px;
min-width:100px;

margin-right:1rem;
box-shadow:var(--shadow);

}


#paypal-button-container{width:100%;text-align:center;display:block;margin-top:50px;}




.fld-Total::before, .fld-Price::before,.fld-Item_Subtotal::before{content:'$';}
.fld-Total {color:red;}
.fld-Price::after{content:' each';}
.fld-Item_Subtotal::after{content:' Item Subtotal';}

.header
 {font-size:1.5em;}

.subtotal {float:right;display:block;}
.subtotal::before {
content:'SUB-TOTAL: $';
display:inline-block;
}



/* Media Queries */
@media (max-width: 700px) {
    .portfolio img {height:100%;}
  .top-container {
    grid-template-areas:
      'showcase showcase'
      'top-box-a top-box-b';
  }

  .showcase h1 {
    font-size: 2.5rem;
  }

  .main-nav ul {
    grid-template-columns: 1fr;
  }

 .product, .info {
    grid-template-columns: 1fr;
  }

  .inccofo .bctn {
    display: block;
    text-align: center;
    margin: auto;
  }
}



.fld-Photo {padding:0;margin:0;float:left;}









