/* Jensen Meat Company */

/* keep after bootstrap */

/*-------------------------------------*/
/*         Product Page Styles         */
/*-------------------------------------*/

/* START: SOLOS SECTION */
.product { color: #fff; }

.product section .container {
  background-color: rgba(0, 0, 0, 0.4); /* black 60% transparent */
}

.product .packaging {
	display: flex;
	flex-flow: row wrap;
	justify-content: safe center;
}
.product .packaging img { margin: 2em auto; }

.product .head p { text-align: justify; }

.find_product {
  margin: 4em -14px 0 -14px;
  text-align: center;
}
.find_product h4 {
	padding-bottom: 1em;
	font-size: 114%;
}

.find_product .btn {
	padding: 8px 16px 6px;
  color: #fff;
  background-color: #ff9632;
  background-color: var(--active_yellow, #ff9632); 
  font-weight: 500;
}

.find_product .btn:hover,
.find_product .btn:focus {
  border-color: #fff;
  background-color: #ffc324;
  background-color: var(--jensen_yellow, #ffc324);
}

#solos ul {
  padding-top: 1em;
  padding-bottom: 2em;
}
#solos li { padding-top: 1em; }

#angus h4,
#angus .info { color: #333; }

#angus .info {
  margin-bottom: 4em;
	padding: 6px 12px;
	border: 1px solid #888;
  background-color: rgba(255, 255, 255, 0.3);
}
#angus .info p {
font-size: 0.95em;
  margin: 0;
  font-size: 0.95em;
  font-weight: 400;
  line-height: 1.2em;
}
#angus .info span { font-weight: 300; }


/******************************************************************************/
/*                                   MEDIA QRS
/******************************************************************************/

/* only for when products menu active */
@media only screen and (min-width: 768px) and (max-width: 808px) {
  .nav.tight #quality_item::after {
    content: "";
  }
}

@media only screen and (min-width: 2048px) {
  .row.img {
    padding-top: 7em;
    padding-bottom: 7em;
  }
  .product .container { width: 80%; }
  .find_product .btn { font-size: 20px; }
}

@media only screen and (min-width: 4096px) {
  .row.img {
    padding-top: 14em;
    padding-bottom: 14em;
  }
  .product header img,
  .product .packaging img {
    transform: scale(2.5);
  }
  .find_product .btn { font-size: 30px; }
}

@media only screen and (min-width: 1280px)
{
  #solos {
    background-size: contain;
    background-repeat: repeat;
    background-position: 0 0;
  }
}

@media only screen and (max-width: 991px) {
  .product .packaging img { margin: 1em auto; }
}

@media only screen and (min-width: 768px)
{
  .product .packaging { padding: 0; }
  .product .packaging img { margin: 1em auto; }
}
/******************************************************************************/

@media only screen and (max-width: 422px) {
  .product h3 { font-size: calc(19rem /14); }
}

@media only screen and (max-width: 360px)
{
  .product .head p { text-align: left; }
  .product h3 { font-size: calc(21rem /14); }
}

@media only screen and (max-width: 260px)
{
  .find_product h4 { font-size: 100%; }

  .find_product .btn {
    padding: 6px 8px;
    font-size: 100%;
  }
}