#carousel {
    /*Set the container carousel to be fullscreen. If you change the size
    of your carousel make sure to also change the size of your slides*/
    /*Prevent images from wrapping*/
    white-space: nowrap;
    overflow: hidden;
    /*Allow children to be positioned relatively*/
    position: relative;
    margin-top: 60px;
    margin: 4%;
    width: 100%;
  }
  
  .slide-image {
    /*Make the image container full screen*/
    width: 33%;
    /*Make the image cover the the screen and center it*/
    background-position: center;
    background-size: cover;
    /*Make images inline with each other*/
    display: inline-block;
    text-align: center;
    cursor: pointer;
  }
  
  .arrow {
    width: 4vw;
    position: absolute;
    /* top: 100%;
    transform: translateY(-50%); */
    cursor: pointer;
  }

  /* .slide {
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 20%;
} */

.slide-image img{
    max-width: 100%;
    /* max-height: 100%;
    width: auto; */
    height: 450px;
}
  
  #right-arrow {
    right: -50px;
  }
  
  #left-arrow {
    left: -50px;
  }
  
  /* #slide1 {
    background-image: url('../images/Apple_Tonic/appletonicbottle.png');
  }
  
  #slide2 {
    background-image: url('../images/Fire_Cold/firecoldbottle.png');
  }
  
  #slide3 {
    background-image: url('../images/Fire_Hot/firehotbottle.png');
  }
  
  #slide4 {
    background-image: url('../images/Honey_Lemonade/JD_honey_lemonade.png');
  }
  
  #slide5 {
    background-image: url('../images/Gentleman_Sour/gantlemanjackbottle.png');
  } */
  
  .slide-image p {
    font-family: unit-gothic-720, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    word-wrap: break-word;
}
  /*Mobile Devices*/
  @media (max-device-width: 1024px) {
  }
  
  /*Small Browsers*/
  @media (max-width: 768px) {
    .slide-image img {
        height: 150px;
    }
    .slide-image p {
        font-size: 24px;
    }
  }

  @media (min-width: 768px) {

    .slide-image img {
        height: 250px;
    }
    .slide-image p {
        font-size: 24px;
    }

  }

  @media (min-width: 900px) {
    .slide-image img {
        height: 350px;
    }
    .slide-image p {
        font-size: 32px;
    }
  }
  

  @media (min-width: 1200px) {
    .slide-image img {
        height: 450px;
    }
    
    .slide-image p {
        font-size: 40px;
    }
  }
  


.slide-image a {
    all: unset;
}