/*:root {
	/*1. Make background black
	--body-bg: #000000;*/
	/*2. Make Text White
	--body-color: #FFFFFF;*/
	/*3. Adjust Cassiopeia Color Scheme*/
	/*--cassiopeia-color-primary: #5c8e68;
	--cassiopeia-color-link: #5c8e68;
	--cassiopeia-color-hover: #5c8e68;
}*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
/*@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@400&display=swap');
*/
@import url('https://fonts.cdnfonts.com/css/mistral');

/*
@import url("tulip.css");
*/
.modal-header {
  background-color: darkblue;
  color: white;
  text-align: center;
}

@media screen and (max-width: 992px) {
.position-sticky {
  position: sticky !important;
}
}
  
.contacts-in-header-tel {
  
  font-family: 'Tahoma', sans-serif;
  
  /*font-size: 20px;
  */
  /*font-weight: 400;*/
  font-style: normal;
}

html {
    font-family: 'Tahoma', sans-serif;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}

  .site {
    max-width: 960px;
    border: none;
  }
  .header {
    border: none;
  }
  .container-topbar {
    border: none;
    background-color: white;
  }
  .topbar {
    border: none;
  }
  .container-banner {
    margin-bottom: 0;
  }
/*
  .header {
    max-width: 960px;
  }
  .site-grid {
    max-width: 960px;
  }
  .container-footer {
    max-width: 960px;
  }
*/

/*
  @media (min-width: 768px) {
    html {
      font-size: 16px;
    }
  }
*/
.basket-count {
  max-width: 65px;
}
  @media (width >= 576px) {
    .basket-count {
       max-width: 120px;
    }
 }
  @media (width >= 300px) {
    .card-group {
      flex-flow: wrap;
      display: flex;
    }  

    .card-group .card {
      min-width: 160px;
      max-width: 280px;
    }
  }
  .container {
    max-width: 960px;
  }
  
  .order-edit-header {
    max-width: 700px;
  }
  
  .card-group .card {
    min-width: 160px;
    max-width: 280px;
  }
  
  .border-top { border-top: 1px solid #e5e5e5; }
  .border-bottom { border-bottom: 1px solid #e5e5e5; }
  
  .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

/* Banner Image */
/*
.mybanner {
  min-width: 100%;
}
.bannercontainer {
        display: flex;
        align-items: center;
        <!--justify-content: center-->
      }
*/

.logo-image {
        flex-basis: 40%
      }

.contacts-in-header {
        margin-top: 0rem;
  /*color: #ee151d;
  */
	    /*color: #ed1c24;
  
        color: #ee151d;*/
        colour: #909b7d;
  
  
/*		style: italic;
        font-size: 12px;
        padding-left: 15px;
  */      min-width: 180px;
      }
  @media (width >= 500px) {
    .contacts-in-header {
        margin-top: 1rem;
    }
  }

/*
a:link {
	      color: #0072C3;	  
		  background-color: transparent;
          font-weight: bold
		}

a:visited {
		  color: #0072C3;
		  background-color: transparent;
          font-weight: bold
		}

a:hover {
		  color: #0072C3;
		  background-color: transparent;
          font-weight: bold
		}

a:active {
		  color: #0072C3;
		  background-color: transparent;
          font-weight: bold
		}
*/
/* Menu */

/* Override the lila background with white */

.container-header {
        /*background-color: #F8EECB;*/
       /*background-color: #F3E3CB;*/
      /*background-color: #78CBE9;*/
/*  background-color:#b29c5a;
  */
  background-color:#5c8e68;
  /*  background-color:#1B623A;*/
  background-image: none;
/*    background-color: #0072C3;
    background-image: none;
  */
}

.myfooter {
  min-width: 100%;
  padding:0;
  height: auto;
}
*/
/* Override the lila background with white */

.container-footer {
    background-color: white;
    background-image: none;
  align-items: center;
  justify-content: center;
  /*max-height: 70px;*/
  padding: 0;
  height: auto;
}
.footer {
    background-color: #5c8e68;
    background-image: none;
    padding: 0;
    height: auto;
}
/* Text should now be red */
/*
.container-header .mod-menu {
    color: #000000;
   font-weight: 900;
} */

/* We add padding and radius so that on hover there is a nice background */
/*
.container-header .mod-menu a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px; 
    padding: 3px 3px;
    color: #ff0000;
}
*/
/* On hover there should be a gray background*/
/*
.container-header .mod-menu a:hover {
    background-color: #eee;
}
*/
/* We need to change the color of the Hamburger Menu because white on white is not good */
/*
.container-header .navbar-toggler {
    color: #000000;
    border: 1px solid #000000;
}
*/
 .advantagescontainer {
        display: flex;
        align-items: center;
        <!--justify-content: center-->
      }