html, body {
  margin: 0 auto;
  padding:0;
  text-align: center!important;
}
html {
  scroll-behavior: smooth;
}

body {
  background-color:#F5F5F5!important;
   scroll-behavior: smooth;
   
}

img{

	max-width: 100%;

  margin: 0 auto;
  height: auto;

}

  .img-content-above{
   width:60%;
   font-family:Vivaldi,Italic !important;
   letter-spacing: NaNpx;
   position: absolute;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   top:10%;
   color: #FFF9F9;
   text-shadow: 0px 3px 6px #00000080;
 }
 #first_span {
  font-size:6vw;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: grey;
  font-family:Pristina,Regular;
}
#second_span {
  font-size:4vw;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: grey;
   font-family:Pristina,Regular;
}
.logo{
  width: 12vw;
  height:12vw;
  position: absolute;
  left: 5%;
  top:3%;
}
.holly{
  max-width: 25%;
  position: relative;
  bottom:2vw;
}
.adv_calendar{
  font-family:Pristina,Regular;
  font-size:4vw;
  margin-top:-25px; 
}

.modal-dialog{
  max-width: 1200px!important;
  /*margin-left: 30px!important;
  margin-right: 30px!important;  */
  margin: 2.75rem auto!important;
}

.modal-content{
 /* width:210%!important;*/

 background-color:#F5F5F5!important;
 /* margin-left: -255px;*/

 border-radius: 25px!important;
 box-shadow: 0px 3px 6px #00000080;
}

.modal-body{
  margin-top:30px;
  margin-bottom:30px;
  margin-left: 40px;
  margin-right: 40px;  
}

.left-side-text{
  font-family:Pristina,Regular;
  src: url('/public/font-styles/pristina/PRISTINA.TTF');
  font-weight: bold;
  /*text-align: center;*/
  /*max-width: 0%;*/
  margin-right: 70px;
  margin-left: 70px;
  font-size:1.3rem;
}

.shop-text{
  color:white;
  font-size:1.2rem;
}

.right-side{
  background-image: linear-gradient(to top,#20ba9b,#22b093,#24a68b,#269c84,#27927c);
  box-shadow: 0px 3px 6px #00000080;
  border-radius:0px 0px 20px 20px;
  padding: 10px;
  max-width: 440px;
  margin: 0 auto;
}

.left-side{
  margin-top: 20px;
}

.btn{
  padding-left:40px!important;
  padding-right: 40px!important;

  background-color: #FFA500!important;
  color: #FFFFFF!important;

  font-weight: 700!important;

  /*font-family:Noto Sans,SemiBold;*/
}
a{color: #FFFFFF!important;}
a:hover{text-decoration: none;}
.content-window-right-img{
  border-radius: 20px 20px 0px 0px;

}
.right-content{
  box-shadow: 0px 3px 6px #00000080;
  border-radius: 20px;
}

.item_boxes{


 margin: 0 auto!important;
 margin-top: 50px!important; 
 margin-bottom: 150px!important;
 max-width: 85%!important;
}

.inner{
 padding: 10px;
 margin-top:30px; 
 border-radius: 20px;
background-image:linear-gradient(to top,#20ba9b,#22b093,#24a68b,#269c84,#27927c);

 box-shadow: 0px 3px 6px #00000080;
}
.inner-2{
  min-width:80%;

  padding:30px; 
  border-radius: 20px;
  border: 7px solid white;
  /*margin: 0 auto!important;*/
}
.item-day{
  margin-left:-10px;
 /*position: relative;
 right: 10px;*/
 font-size:5vw;
 font-weight: 700;
 color: #FFFFFF;

}
.past-date-box{

  box-shadow: 0px 3px 6px #00000080;
  border-radius: 20px;
  padding-left: 0px!important;
  padding-right: 0px!important;
  margin-bottom: 60px!important;
  margin: 0 auto;
}
.past-date-box-text{
  background-color: #20BA9B;
  margin: 0px ;

}
.img-past-date{
  margin: 0px;
}
.inner_past{
  background-color: #B4EADF!important;
}
.item-text{
 margin: 0px auto;
 color: white;
 font-family: Sitka Display,Regular;
 padding: 12px;
 margin-left: 12px;
 margin-right: 12px;

}
.inner-past-date{
  padding: 0px;
  
}
.past-date-img{
 border-radius: 20px 20px 0px 0px;
}

.inner-today{padding: 10px;
  /*height: 220px;*/
  /* margin-right: -10px;*/
}

.today-date-box:hover{
  cursor: pointer;
  opacity: 0.9;
}
.flex{
  display: flex;
}


@media screen and (max-width: 1255px) {

  /*.inner-2{padding:35px;}*/
  .item-day{
    font-size:5vw;
    margin-left: -1rem;
  }

}
@media screen and (max-width: 1199px) {
  .logo{
    top:3%;      
  }
  .item-day{
    font-size:8vw;
  }
  .inner-2{padding:30px;}
}

@media screen and (max-width: 1040px) {
  .logo{
    top:2%;      
  }
  .img-content-above{
    top:4.5%;
  }
  .modal-dialog{
   max-width: 940px!important;

   margin-left: 30px!important;
   margin-right: 30px!important;
   /*margin: 1.75rem auto!important; */

 }
 .modal-body{
   margin-left: 8px;
   margin-right: 8px; 
 } 
 .item-day{
  margin-left:-1vw;
}
.inner-2{
  padding: 30px;
}
}


@media screen and (max-width: 990px) {
/*.logo{
    top:5%;      
    }*/
    /*.item-text{
      padding: 16px;
    }*/
    .item-day{
      font-size: 11vw;
      margin-left: -5px;
    }

  }

  @media screen and (max-width: 800px) {
  /*.logo{
    top:4%;      
    }*/
    .img-content-above{
      top:4%;
    }
    .modal-dialog{
     margin-left: 30px!important;
     margin-right: 30px!important; 

   }
   .modal-body{
     margin-left: 5px;
     margin-right: 5px; 
   } 

   .item-day{margin-left: -5px;}
 }
 @media screen and (max-width: 770px) {
  .logo{
    top:2%;      
  }
  .inner-2{
    padding: 30px;
  }
  
}
@media screen and (max-width: 767px) {
  .inner-2{
    padding: 68px;
  }
  
}

@media  screen and (max-width: 700px) {
  .logo{
    top:2%;      
  }
  .item-day{margin-left: -17px;}
  
}

@media  screen and (max-width: 600px) {
  .logo{
    top:2%;      
  }
  .img-content-above{
    top:2%;
  }
  .inner-2{
    /*padding: 55px;*/
  }
.item-day{/*margin-left: -30px;*/}
.item_boxes{
  margin-top: 0px!important;
  max-width:100%!important;
}
}

@media  screen and (max-width: 500px) {
 .logo{
  top:1.5%;      
}
.img-content-above{
  top:-0.5%;
}
.adv_calendar{
  margin-top: -15px;
}
#second_span {
 position: relative;
 top:-10px;
}
.modal-body{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; 
} 
.left-side-text{
  margin-left: 5px;
  margin-right: 5px; 
}
.inner-2{
  /*padding-right:5px;*/
  padding:14vw;  

}
.item-day{margin-left: -1rem;}
}
@media screen and (max-width: 400px) {
  .inner-2{
    /*padding-right:15px;*/
    padding:12vw;

  }
  .item-day{/*margin-left: -40px;*/

  }
  .item-text{/*padding: 11px;*/
   margin:0px auto;
 }

}


@media screen and (max-width: 360px) {
 .logo{
   top:1%;
 }
 .img-content-above{
  top:-1%;
}
.adv_calendar{
  margin-top: -15px;
}
#second_span {
 position: relative;
 top:-20px;
}
.modal-body,.left-side-text{
 margin-left: 0px;
 margin-right: 0px; 
} 
.inner-2{
 padding:14vw;
}
.inner-2-today{
 padding-right: 30px;
}
.item-day{
  margin-left: -5vw;
}
.today-date-box{
  display:flex; 
}
/*.item-text{margin: 0px auto;
 padding: 3px;
}*/
}

@media screen and (max-width: 280px) {
 .logo{
   top:1%;
 }
 .img-content-above{
  top:-2%;
}
.adv_calendar{
  margin-top: -10px;
}
#second_span {
 position: relative;
 top:-20px;
}
.item-day{
  margin-left: -8vw;

}
.btn{
  padding-left:20px!important;
  padding-right: 20px!important;
}
.inner-2-today{
 padding-right: 8vw;
}
.today-date-box{
  display:block; 
}
}