/*
Theme Name:  Codelabel
Template: 	 twentytwentyone
Theme URI:	 https://etnhost.com
Author URI:	 https://etnhost.com
Version:	 1.0.0
License:	 GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:    	 opensource     
Text Domain: codelabel
*/


#content {
  font-family: 'Montserrat', sans-serif;
}

.addi-info img {
  max-height: 50px;
  width: auto !important;
}

.exp-unopened.column1-5 {
  display: inline-grid;
}



@media (min-width:320px) and (max-width:991px){
    
     #brand-name-logo-box, #product-pictures-box, #ingredients-alergens-box {
  margin: 0 auto;
  max-width: 100%;
  text-align: center;
} 

#product-pictures-box {
    margin-top:3em;
}

#product-pictures-box img {
  width: auto;
  height: 31vw;
}

#brand-name-logo-box img {
  width: 20em;
  height: auto;
}

.column1-5 {
  display: inline-block;
  margin: 0 auto;
    margin-top: 0px;
  width: 49%;
  margin-top: 20px;
  font-size: 1em;
  font-weight: bold;
}

.exp-back1 {
  max-height: 100px;
  margin:auto;
}

.resp-entity, .addi-info {
  margin-top: 50px;
}

.addi-info .add-image img {
  height: 58px !important;
  width: auto !important;
  max-width: unset !important;
}

.add-text {
  margin-top: 50px;
}

.addi-info img {
  max-height: 100px !important;
}

div h3, div h2, div h4, div p strong {
    font-weight:normal;
    font-size: 12px;
}

#brand-name-logo-box h2 {
  font-weight: lighter;
  font-size: 25px;
  margin:0px;
  line-height:30px;
}

#brand-name-logo-box h2 p strong {
  font-size: 1em;
  letter-spacing: 0px;
}

#brand-name-logo-box h2 p {
    margin:20px auto;
}

#content .description p {
  font-size: 1.5em;
}

#content #ingredients-alergens-box > h3 {
  font-size: 1.5em;
}

#content .ingredients p strong {
  font-size: 1em;
}

#content .resp-entity p {
  font-size: 1.5em;
  font-weight: 500;
}

#content #ingredients-alergens-box h2 {
  font-size: 1.5em;
}

#ingredients-alergens-box p {
  font-size: 1em;
}
    
    
}

@media (min-width:992px){
    
  #brand-name-logo-box, #product-pictures-box, #ingredients-alergens-box {
  margin: 0 auto;
  max-width: 50%;
  text-align: center;
} 

#product-pictures-box img {
  width: auto;
  height: 16em;
}

#brand-name-logo-box img {
    width: auto;
  height: 27em;
}

.column1-5 {
  display: inline-block;
  margin: 0 auto;
  width: 19%;
}

.exp-back1 {
  max-height: 4rem;
}

div h3, div h2, div h4, div p strong {
    font-weight:normal;
    font-size:1em;
}

#brand-name-logo-box h2 {
  font-weight: lighter;
  font-size: 50px;
  letter-spacing: -3px;
}

}

html {margin-top:0 !important;}

#product-pictures-box img {
  margin-bottom: 10px;
}