.t-site-header{
	border-bottom: 2px solid #c73a64;
}
.ice-wrraper{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    margin: 0 auto;
    margin: 2em 0 6em 0;
}
.content-wrap{
    /* border-bottom: 2px solid #dc4e4d; */
    padding: 5em 0;
    height: calc(50vh - 33px);

   
}
.content-wrap:nth-child(odd){
	display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.content-wrap:nth-child(even){
	display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
}


.text-wrap {
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;

}
.text-wrap p{
max-width: 250px;
}
.text-wrap h2{
    text-transform: uppercase;
 

  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 25px;
  border: none;
  font: normal 45px/1 "Fredoka One", Helvetica, sans-serif;

}
.ice-holder {
    padding: 2rem 33px 0 33px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
}

.ice-nav {
    padding: 10px 0 10px 0;
}

.ice-nav a {
    color: #c73a64;
    text-decoration: none;
    font-size:26px;
    padding: 10px;
    position: relative;
}

.ice-nav a:hover,
.ice-nav a.active {
  color: #000;


}
.ice-nav a.active {
  font-weight: bold;


}

.ice-nav a:before{
    background: #000;
    width: 0;
    height: 2px;
    position: absolute;
    content: " ";
    transition: all .6s linear;
   
    
}
.ice-nav a:after{
    background: #c73a64;
    width: 0;
    height: 2px;
    position: absolute;
    content: " ";
    transition: all .6s linear;
   
  
}

.ice-nav a:hover:before {
    /* animation-name: anim1; */
    width: 100%;
    opacity: 1;
    /* transform: scale(1); */

}

/* .img-wrapper{
    position: relative;
    width: 600px;
    height: 450px; 
    overflow: hidden; 
   
   
  
} */
/* .circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }
  .img-inner{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    display: flex;
    align-content: center;
    justify-content: center;
}
.img-inner img{
    border-radius: 50%;
    cursor:pointer;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    object-fit: cover;
    border: 1px solid #ccc;
    padding: 6px;
    width: 100%;
  }

  .img-inner:hover img {
   transform: scale(1.1);
  -ms-transform: scale(1.1); 
  -webkit-transform: scale(1.1);
    box-shadow: 2px 2px 2px #4b4b4b;
    
  } */
  /* #PANA1418 .text-wrap h2 {
    color: #3f170d;
    text-shadow: 3px 3px 0 #fff, 4px 4px 0 #3f170d, 5px 5px 0 #fff, 6px 6px 0 #3f170d;
}
  #PANA1418 .img-wrapper{

    box-shadow: 20px 0 0 5px #3f170d, -20px 0 0 5px #3f170d, 0 0 0 10px #3f170d;
  }
  #PANA1418.bcg-img {
    background-image: url(../images/bcg-img/premium_teachen_skolod1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 24%;
    background-position: 59% 110%;
}


#PANA1420 .text-wrap h2 {
  color: #3f170d;
  text-shadow: 3px 3px 0 #fff, 4px 4px 0 #3f170d, 5px 5px 0 #fff, 6px 6px 0 #3f170d;
}
#PANA1420 .img-wrapper{

  box-shadow: 20px 0 0 5px #3f170d, -20px 0 0 5px #3f170d, 0 0 0 10px #3f170d;
}
#PANA1420.bcg-img {
  background-image: url(../images/bcg-img/premium_techen_shokolad_aero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 24%;
  background-position: 47% 110%;
}

#PANA1413 .text-wrap h2 {
  color: #3f170d;
  text-shadow: 3px 3px 0 #fff, 4px 4px 0 #3f170d, 5px 5px 0 #fff, 6px 6px 0 #3f170d;
}
#PANA1413 .img-wrapper{
  -webkit-box-shadow: 20px 0 0 5px #3f170d, -20px 0 0 5px #3f170d, 0 0 0 10px #3f170d;
  -moz-box-shadow: 20px 0 0 5px #3f170d, -20px 0 0 5px #3f170d, 0 0 0 10px #3f170d;
  box-shadow: 20px 0 0 5px #3f170d, -20px 0 0 5px #3f170d, 0 0 0 10px #3f170d;
}
#PANA1413.bcg-img {
  background-image: url(../images/bcg-img/premium_biscotino.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 23%;
  background-position: 62% 93%;
}



#PANA1411 .text-wrap h2 {
  color: #ebdfa5;
  text-shadow: 3px 3px 0 #fff, 4px 4px 0 #ebdfa5, 5px 5px 0 #fff, 6px 6px 0 #ebdfa5;
}
#PANA1411 .img-wrapper{
  -webkit-box-shadow: 20px 0 0 5px #ebdfa5, -20px 0 0 5px #ebdfa5, 0 0 0 10px #ebdfa5;
  -moz-box-shadow: 20px 0 0 5px #ebdfa5, -20px 0 0 5px #ebdfa5, 0 0 0 10px #ebdfa5;
  box-shadow: 20px 0 0 5px #ebdfa5, -20px 0 0 5px #ebdfa5, 0 0 0 10px #ebdfa5;
}
#PANA1411.bcg-img {
  background-image: url(../images/bcg-img/premium_gorski_plodove.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 28%;
  background-position: 41% 103%;
}


  #PANA1422 .text-wrap h2 {
    color: #d86e96;
    text-shadow: 3px 3px 0 #fff, 4px 4px 0 #d86e96, 5px 5px 0 #fff, 6px 6px 0 #d86e96;
}
  #PANA1422 .img-wrapper{
    -webkit-box-shadow: 20px 0 0 5px #d86e96, -20px 0 0 5px #d86e96, 0 0 0 10px #d86e96;
    -moz-box-shadow: 20px 0 0 5px #d86e96, -20px 0 0 5px #d86e96, 0 0 0 10px #d86e96;
    box-shadow: 20px 0 0 5px #d86e96, -20px 0 0 5px #d86e96, 0 0 0 10px #d86e96;
  }
  #PANA1422.bcg-img {
    background-image: url(../images/bcg-img/cheezcake.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 24%;
    background-position: 61% 119%;
}

  #PANA1415 .text-wrap h2 {
    color: #3f170d;
    text-shadow: 3px 3px 0 #fff, 4px 4px 0 #3f170d, 5px 5px 0 #fff, 6px 6px 0 #3f170d;
}
  #PANA1415 .img-wrapper{

    box-shadow: 20px 0 0 5px #3f170d, -20px 0 0 5px #3f170d, 0 0 0 10px #3f170d;
  }
  #PANA1415.bcg-img {
    background-image: url(../images/bcg-img/premium_caramel_walnuts.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 37%;
    background-position: 30% 102%;
} */

@media only screen and (max-width: 1300px){
.img-wrapper {
  position: relative;
  width: 460px;
  height: 344px;
  overflow: hidden;
}
}

  @media only screen and (max-width: 1050px){
    .content-wrap {
        padding: 0 15px;
        text-align: center;
        flex-direction: column;
     }
     .iceBox .content-wrap{
         flex-direction: column;
     }

    .content-wrap:nth-child(odd){
      display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .content-wrap:nth-child(even){
      display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .img-wrapper{
      text-align: center;
      margin: 60px auto;
    
      width: 460px;
      height: 500px;
    }
    .text-wrap{
      margin: 0 auto;

    }
    .text-wrap h2 {
      font: normal 35px/1.3 "Fredoka One", Helvetica, sans-serif;
  }
  
  /* #PANA1418.bcg-img {
    background-size: 24%;
    background-position: 8% 106%;
}



#PANA1420.bcg-img {
  background-size: 24%;
  background-position: 93% 108%;
}


#PANA1413.bcg-img {
 
  background-size: 23%;
  background-position: 12% 93%;
}




#PANA1411.bcg-img {
  background-size: 32%;
  background-position: 87% 96%;
}


  
  #PANA1422.bcg-img {
    background-size: 26%;
    background-position: 11% 116%;
}

  
  #PANA1415.bcg-img {
    background-size: 37%;
    background-position: 93% 99%;
} */



    
}
@media only screen and (max-width: 600px){
    .ice-nav a {
   
        font-size: 15px;
        display: block;
        margin-bottom: 1em;
 
    }
    .bcg-img{
      background-image:none!important;
      }
  .img-wrapper{
    width: 304px;
    height: 238px;

  }
}