.container { max-width: 768px; }

.container h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold; 
    font-size: 20px; 
    line-height: 28px;
 
}
    .flavor-box .flavor-header h3 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: bold; 
    font-size: 20px; 
    line-height: 28px;
} 
.container .flavor-header h3 { 
    padding-bottom: 10px;
    padding-left: 10px;
}
header { padding: 0.5em;}
img.block { width: 100%; display: block; margin: 0 auto; }
header img.block { margin-bottom: 1.2em; }
article p {
    font-size: 130%; 
    text-align: center;
    /*! padding-top: 1em; */
}

.flavor-box.orange .flavor-header { background: #F36525 }
.flavor-box.purple .flavor-header { background: #852A91 }
.flavor-box.blue .flavor-header { background: #00ADEF }
.flavor-box.brown .flavor-header { background: #BA1118 }
.flavor-box.red .flavor-header { background: #EB1C22 }
.flavor-box { margin-bottom: 0.4em; }
.flavor-box .flavor-header { display: flex; color: #fff;align-items: center; border-radius: 10px; overflow: hidden;   }
.flavor-box img { max-width: 150px; margin: 0 1em }
.flavor-box .flavor-header h3 { font-size: 250%; text-align: left; padding-right: 1em;  }
.flavor-contents { padding: 1em 1.6em; border: 1px solid #ccc; margin: 0 1.6em; border-top: 0; background: #eee; display: flex; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.ingredients-box { padding: 0 1em; }
.ingredients-box .dxeBase_MulberryRevcom { font: 0.9em Roboto, Sans-serif }
.ingredients-box h3 { padding-left: 0; padding-top; 0; margin-top: 8px}

button { width: 100%; border: 0; }

@media screen and (max-width: 767px) { 
header img { max-width: 260px !important; }
    header img:first-of-type { max-width: 180px !important; }

header img.block:last-of-type { margin-bottom: 0em; }
    header p { font-size: 110%; }
.flavor-box .flavor-header { height: 75px; }

    .flavor-box img { max-width: 110px; margin: 0 1em 0 0; }
    .flavor-box .flavor-header h3 { font-size: 170%; line-height: 120%;}
    .flavor-contents { display: block; padding-left: 0; padding-right: 0;  }
    .flavor-contents { margin: 0 10px}  
    

.ingredients-box { display: block;
box-sizing: unset;
line-height: 1;
margin: 0 auto;
max-width: 274px !important;
width: 100%;
min-width: 270px;
}
}