@media(min-width:0px) and (max-width:5000px){
.section-number{
  display: none;
}

.recipe-img-container {
  overflow: auto;
}

.recipe-img-container :nth-child(1){
  width: 85%;
}

.recipe-img-container :nth-child(2){
  width: 45%;
  float: right;
  padding-top: 1.5em;
}

.processContainer{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0 7.5%;
}

.process{
  padding-bottom: 3.5em;
}
}

@media(min-width:450px){
.organic-icon {
  left: 79%;
}
}

@media(min-width:768px){
.organic-icon {
  left: 51.5%;
}

.recipe-img-container :nth-child(1) {
  width: 57%;
}

.recipe-img-container :nth-child(2) {
  width: 37%;
  padding-top: 11.25em;
}

.process {
  max-width: 31em;
  margin: 0 auto;
  padding-bottom: 4.5em;
}

.vertical-text{
  display: block;
  padding-top: 1.5em;
  text-transform: uppercase;
  font-weight: bold;
  color: #666666;
  font-family: "Ancizar Serif", serif;
}
}

@media(min-width: 800px){
  .processContainer{
    flex-direction: row;
    padding: 0;
    width: 85%;
    margin: 0 auto;
  }
  
  .process {
    flex: 0 0 30.33333%;
    margin: 0 auto;
    padding-bottom: 0;
  }
  
  .recipe-img-container {
    overflow: hidden;
  }
  
  .products .body-text {
    font-size: 0.75em;
  }
  
  .products img{
    margin-bottom: .5em;
  }
  
  .products .process1{
   margin-left: 0; 
  }
  
  .products .process3{
    margin-right:0;
  }
  
  .recipe-img-container :nth-child(2) {
    width: 37%;
    padding-top: 0;
  }
}

@media (min-width: 850px){
.organic-icon {
  left: 52%;
}
}

@media (min-width: 1000px){
.organic-icon {
  left: 52.6%;
  top: 3.1%;
}

.section-number{
  display: block;
  font-size: 4.5em;
  text-align: right;
  width: 57%;
  bottom: 0;
  font-family: "Ancizar Serif", serif;
  line-height: 0.85em;
  color: #ececec;
  font-weight: bold;
}

.h2-container{
  width: 57%;
  display: inline-block;
}

.body-text-container{
  width: 37%;
  float: right;
}

.recipe .text-container .body-text, .our-story .text-container .body-text{
  width:100%;
  padding-top: 1em;
  /* max-width: 26em; */
  -webkit-font-smoothing: antialiased;
  /* font-size: 0.85em; */
}

.recipe .text-container .body-text{
  padding-top: 0;
}

.our-story img{
  float: left;
}

.vertical-text {
  float: left;
  clear: left;
  padding: 2em 0 4em;
  width: 57%;
  text-align: right;
}

.our-story .section-number{
  width: 37%;
  position: absolute;
  top: 1.75em;
  bottom: inherit;
  right: 0;
  text-align: left;
}

.our-story .text-container{
  position: absolute;
  right: 0;
  top: 45%;
}

.benefits h2 {
  width: 37.5%;
  text-align: left;
  display: inline-block;
  margin-top: 0.65em;
}

.benefits .section-number{
  position: absolute;
  top: 0;
  bottom: inherit;
  width: 40%;
  text-align: right;
}

.our-partners{
  position: relative;
  padding-top: 5.5em;
}

.our-partners .section-number{
  position: absolute;
  width: 37%;
  top: 0;
  text-align: left;
  right: 0;
  bottom: inherit;
}
}

@media(min-width:1150px){
  .vertical-text {
    padding-bottom: 3em;
  }
}

@media(min-width:1150px){
.organic-icon {
  left: 53%;
  top: 3.25%;
}
}

@media(min-width:1200px){
.processContainer{
  max-width: 1000px;
}

.our-story{
  padding: 3em 0 3em;
}

.icon-2, .icon-4 {
  padding-left: 16%;
}

.icon-text {
  width: 28em;
}

.products .body-text {
  font-size: 0.775em;
}
}

@media(min-width:1700px){
  
  .products .body-text {
    font-size: 0.8em;
  }

  .processContainer{
    max-width: 1200px;
  }

  .recipe .text-container .body-text, .our-story .text-container .body-text, .body-text{
    font-size: 0.825em;
  }

  h1 {
    font-size: 3.6em;
    padding-top: 32vh;
  }

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

  .organic-icon {
    left: 53.5%;
    top: 3%;
  }

  .our-story .section-number{
    top: 2.25em;
  }
}


@media(min-width:1800px){
  h1 {
    font-size: 4em;
    /* padding-top: 5.9em; */
  }
}

@media(min-width:1900px){
  .organic-icon {
    left: 53.8%;
    top: 2.8%;
  }
}