.empty-cart-message {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100vw;
  height: 70vh;
}

.empty-cart-message p {
  font-size: 1.5vw;
  color: black;
}

.empty-cart-message a {
  font-size: 1.1vw;
  margin: 1vw;
  text-decoration: none;
  color: white;
  background-color: var(--theme-color);
  padding: .3vw 1vw;
}


.checkout-heading {
  width: 85vw;
  margin-top: 10vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: rgb(82, 82, 82);
  background: linear-gradient(to right, white, rgb(230, 229, 229));
  padding: .7vw 0;
}

.checkout-heading h2 {
  font-size: 1.5vw;
  font-weight: 500;
}

.bag {
  color: var(--theme-color);
}

.checkout-container {
  width: 90vw;
  margin-top: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
}

.product-display {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  width: 45%;
  overflow: hidden;
}


#product-image {
  width: 80%;
}

.product-info{
  margin-top: 2vw;
}

#product-name {
  color: var(--theme-color);
  font-family: timonium;
  font-size: 3vw;
  width: 80%;
}

.quantity-btn{
  font-size: 1.5vw;
  padding: 0 1vw;
  margin: 2vw 1vw;
  background-color: whitesmoke;
  outline: none;
  border: 1px solid rgb(199, 199, 199);
}


#product-quantity{
  font-size: 20px;
  font-weight: 500;
  margin: 1vw 0;
  font-family: timonium;
}

#product-price {
  color: rgb(0, 0, 0);
  font-size: 2.2vw;
  font-weight: 500;
  margin: 1vw 0;
  font-family: timonium;
}

#product-discount {
  color: rgb(248, 5, 5);
  font-size: 2.2vw;
  font-weight: 500;
  font-family: timonium;
}

.btn-div{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  width: 100%;
  margin-bottom: 7vw;
}

.remove-btn{
  outline: none;
  border: none;
  margin-top: 3vw;
  color: white;
  background-color: rgb(211, 8, 8);
  font-family: var(--main-font);
  padding: .5vw 4vw;
  font-size: 1.1vw;
}

.purchase-btn {
  outline: none;
  border: none;
  margin-top: 3vw;
  margin-left: 1vw;
}

.purchase-btn a {
  text-decoration: none;
  color: white;
  background-color: rgb(8, 136, 51);
  font-family: var(--main-font);
  padding: .6vw 4vw;
  font-size: 1.1vw;
}


#footer {
  position: static;
  margin-top: 4vw;
}

.lower-footer {
  position: static;
}




@media (min-width: 845px) and (max-width: 970px) {
  .empty-cart-message p {
    font-size: 2.2vw;
  }

  .empty-cart-message a {
    font-size: 1.5vw;
    padding: .7vw 2.5vw;
    margin: 2vw;
  }


  .checkout-heading{
    width: 70%;
    margin-top: 13vw;
  }

  .checkout-heading h2{
    font-size: 2.2vw;
  }
  
  #product-image{
    width: 70%;
  }
  .remove-btn {
    font-size: 1.5vw;
    padding: .5vw 2vw;
  }

  .purchase-btn a{
    font-size: 1.5vw;
    padding: .6vw 2vw;
  }
}




@media (min-width: 770px) and (max-width: 845px) {

  .empty-cart-message p {
    font-size: 2.2vw;
  }

  .empty-cart-message a {
    font-size: 1.5vw;
    padding: .7vw 2.5vw;
    margin: 2vw;
  }

  .checkout-heading {
    margin-top: 15vw;
    width: 72vw;
  }

  .checkout-heading h2 {
    font-size: 2.5vw;
  }

  .checkout-container {
    width: 72vw;
  }

  .product-display{
    margin: 0 1vw;
  }

  #product-image {
    width: 90%;
  }

  #product-name {
    font-size: 3vw;
    width: 90%;
  }

  #product-price {
    font-size: 3vw;
    margin: 2vw 0;
  }

  #product-discount {
    font-size: 3vw;
  }

  .remove-btn {
    font-size: 1.4vw;
    padding: .5vw 2vw;
  }


  .purchase-btn a {
    font-size: 1.4vw;
    padding: .6vw 2vw;
  }

  .empty-cart-message {
    height: 50vh;
  }

  .quantity-btn{
    font-size: 2vw;
  }


}




@media (min-width: 670px) and (max-width: 770px){
  .empty-cart-message p {
    font-size: 3vw;
  }

  .empty-cart-message a {
    font-size: 2vw;
    padding: .7vw 2.5vw;
    margin: 2vw;
  }

  .checkout-heading {
    margin-top: 15vw;
    width: 72vw;
  }

  .checkout-heading h2 {
    font-size: 3vw;
  }

  .checkout-container {
    width: 72vw;
  }
  .product-display{
    margin: 2vw 1vw;
    box-shadow: 0 0 5px rgb(197, 197, 197);
    padding:  2vw;
  }

  #product-image {
    width: 90%;
  }

  .btn-div{
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }

  #product-name {
    font-size: 3vw;
    width: 90%;
  }

  #product-price {
    font-size: 3vw;
    margin: 2vw 0;
  }

  #product-discount {
    font-size: 3vw;
  }

  .remove-btn {
    font-size: 2vw;
    padding: .4vw 3vw;
  }

  .purchase-btn{
    margin: 2vw 0;
  }

  .purchase-btn a {
    font-size: 2vw;
    padding: .6vw 2vw;
  }

  .empty-cart-message {
    height: 50vh;
  } 

  .quantity-btn{
    font-size: 2.5vw;
    padding: 0 2vw;
  }
}






@media (min-width: 490px) and (max-width: 670px) {


  .empty-cart-message p {
    font-size: 3.5vw;
  }

  .empty-cart-message a {
    font-size: 2.5vw;
    padding: .7vw 2.5vw;
    margin: 2vw;
  }

  .checkout-heading {
    margin-top: 18vw;
    width: 72vw;
  }

  .checkout-heading h2 {
    font-size: 3.5vw;
  }

  .checkout-container {
    width: 72vw;
  }
  .product-display{
    margin: 2vw 1vw;
    box-shadow: 0 0 5px rgb(197, 197, 197);
    padding:  2vw;
  }

  #product-image {
    width: 90%;
  }

  .btn-div{
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }

  #product-name {
    font-size: 3vw;
    line-height: 25px;
    width: 90%;
  }

  #product-price {
    font-size: 4vw;
    margin: 2vw 0;
  }

  #product-discount {
    font-size: 4vw;
  }

  .remove-btn {
    font-size: 2.5vw;
    padding: .4vw 5vw;
  }

  .purchase-btn{
    margin: 2vw 0;
  }

  .purchase-btn a {
    font-size: 2.5vw;
    padding: .6vw 4vw;
  }


  .quantity-btn{
    font-size: 2.5vw;
    padding: 0 2vw;
  }

}










@media (max-width: 490px) {

  .empty-cart-message p{
    font-size: 5.5vw;
  }

  .empty-cart-message a{
    font-size: 4vw;
    padding: 1vw 2.5vw;
    margin: 4vw;
  }


  .checkout-heading {
    margin-top: 25vw;
    width: 72vw;
  }

  .checkout-heading h2 {
    font-size: 5vw;
  }

  .checkout-container {
    width: 72vw;
  }
  .product-display{
    margin: 6vw 1vw;
    box-shadow: 0 0 5px rgb(197, 197, 197);
    padding:  5vw;
    width: 90%;
  }

  #product-image {
    width: 100%;
  }

  .btn-div{
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }

  #product-name {
    font-size: 6vw;
    line-height: 30px;
    width: 100%;
  }

  #product-price {
    font-size: 6vw;
    margin: 3vw 0;
  }

  #product-discount {
    font-size: 6vw;
  }

  .remove-btn {
    font-size: 3.5vw;
    padding: .8vw 10vw;
  }

  .purchase-btn{
    margin: 3vw 0;
  }

  .purchase-btn a {
    font-size: 3.5vw;
    padding: 1vw 9vw;
  }


  .quantity-btn{
    font-size: 4.5vw;
    padding: .5vw 3vw;
    margin: 4vw 2vw;
  }

  #product-quantity{
    font-size: 25px;
  }
}