.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 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 60px/1 "Fredoka One", Helvetica, sans-serif;

} */
.text-wrap p {
  max-width: 250px;
}
.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: 450px;
    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;
    
  } */

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

    box-shadow: 0px 0 0 5px #3f170d, -20px 0 0 5px #3f170d, 0 0 0 10px #3f170d;
  }
  #PANA1429.bcg-img{
    background-image: url(../images/bcg-img/premium_teachen_skolod1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 26em;
    background-position: 41% 126%;
  }


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

  }

  #PANA1436.bcg-img{
    background-image: url(../images/bcg-img/premium_biscotino.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 22em;
    background-position: 50% 106%;
  }


  #PANA1437 .text-wrap h2 {
    color: #ebdfa5;
    text-shadow: 3px 3px 0 #fff, 4px 4px 0 #ebdfa5, 5px 5px 0 #fff, 6px 6px 0 #ebdfa5;
}
  #PANA1437 .img-wrapper{
    box-shadow: 0px 0 0 5px #ebdfa5, -20px 0 0 5px #ebdfa5, 0 0 0 10px #ebdfa5;

  }
  #PANA1437.bcg-img{
    background-image: url(../images/bcg-img/premium_gorski_plodove);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 28em;
    background-position: 43% 93%;
  }

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

    box-shadow: 20px 0 0 5px #d86e96, 0px 0 0 5px #d86e96, 0 0 0 10px #d86e96;
  }
  #PANA1428.bcg-img{
    background-image: url(../images/bcg-img/cheezcake.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 24em;
    background-position: 52% 137%;
  }


  #PANA1432 .text-wrap h2 {
    color: #3f170d;
    text-shadow: 3px 3px 0 #fff, 4px 4px 0 #3f170d, 5px 5px 0 #fff, 6px 6px 0 #3f170d;
}
  #PANA1432 .img-wrapper{
 
    box-shadow: 0px 0 0 5px #3f170d, -20px 0 0 5px #3f170d, 0 0 0 10px #3f170d;
  }
  #PANA1432.bcg-img{
    background-image: url(../images/bcg-img/background_yogurt.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 30em;
    background-position: 44% 190%;
} */












  @media only screen and (max-width: 1025px){
    .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;
    ;
    }
    .text-wrap{
      margin: 0 auto;

    }
    .img-wrapper{
      width: 350px;
      height: 300px;
  
    }
    .text-wrap h2 {
      font: normal 35px/1.3 "Fredoka One", Helvetica, sans-serif;
  }
  /* #PANA1429.bcg-img {

    background-size: 18em;
    background-position: 109% 111%;
}
#PANA1436.bcg-img{

  background-size: 12em;
  background-position: -3% 84%;
}



#PANA1437.bcg-img{

  background-size: 21em;
  background-position: 113% 93%;
}


#PANA1428.bcg-img{

  background-size: 13em;
  background-position: 0% 116%;
}



#PANA1432.bcg-img{
 
  background-size: 20em;
  background-position: 114% 121%;
}


 */


    
}
@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: 320px;
    height: 260px;

  }
}