@media only screen and (max-width: 600px) {
    .daddyTitle {
        width: 100%;
        max-width: 400px;
        height: auto;
    }
}
@media only screen and (max-width: 800px) {
  .mobileHide{
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .vice-title{
    font-size: 80px;
    line-height: 100px;
  }
    div.container1 p {
        padding-left: 30px;
        margin-right: 30px;
        font-size: 20px;
        line-height: 20px;
    }
    div.container4 p {
        padding-left: 40px;
        margin-right: 20px;
        font-size: 30px;
        line-height: 30px;
    }
    .ingredients_ferry {
        font-family: SuisseInt;
        padding-left: 30px;
        margin-right: 10px;
        padding-bottom: 15px;
        font-size: 20px;
        line-height: 20px;
    }
    .ingredients_ferry li {
        padding-bottom: 10px;
        padding-left: 30px;
        margin-right: 10px;
    }
    .ingredients_ferry li::marker {
        display: none;
        color: rgba(255, 0, 0, 0);
    }
    div.col-6.ferry_receipe li::marker {
      display: none;
      color: rgba(148, 73, 73, 0);
  }

    .ferry_receipe ul {
        padding-left: 20px;
        text-align: right;
        font-size: 20px;
        line-height: 20px;
        margin-block-start: 5px;
        margin-block-end: 5px;
        padding-inline-start: 5px;
    }
    div.col-6.ferry_receipe p {
        padding-left: 20px;
        margin-left: 20px;

        font-size: 20px;
        line-height: 20px;
    }
    div.col-5 h2 {
     
      margin-left: 30px;

      font-size: 30px;
      line-height: 20px;
  }

    div.container2 p {
        font-size: 24px;
        line-height: 22px;
        margin: 30px;
    }
    #img4{
        position: relative;
        margin-left: 0vh;
        margin-top: 0vh;
        cursor: pointer;
      }
      #imgSausage4{
        position: relative;
        
        z-index: 2;
      }
      .intro {
        padding: 0 0 30px 0;
        background-size: cover;
        background-position: center 80%;
    }
      #img1{
        position: relative;
        margin-left: 0vh;
        margin-top: 0vh;
        cursor: pointer;
        display: none;
      }
      #imgSausage{
        position: relative;
        
        z-index: 2;
      }
      #img2{
        position: relative;
        margin-left: 0vh;
        margin-top: 0vh;
        cursor: pointer;
        display: none;
      }
      #img3{
        display: none;
      }
      #imgSausage2{
        position: relative;
        display: none;
        z-index: 2;
      }
      #imgSausage0{
        position: relative;
        display: none;
        z-index: 2;
      }
      #imgSausage{
        position: relative;
        display: none;
        z-index: 2;
      }

      #imgSausage3{
        position: relative;
        display: none;
        z-index: 2;
      }
      #imgSausage4{
        position: relative;
        display: none;
        z-index: 2;
      }
      .ferry_receipe{
        padding-left: 20px;
      }

      .footerToxic .bubbles .bubble {
        transform: translate(-50%, 200%);
    }
}