body .fancybox-container {
        z-index: 999921;
    }

    .fancybox-content{
        overflow: initial;   
    }

    button.fancybox-close-small{
        background: #4A4A4A;
        opacity: 1;
        color: white!important;
        border-radius: 100%;
        top: -20px!important;
        right: -20px!important;
    }

    .story-pop-up{
        border-radius: 20px;
        width: 80%;
        max-width: 650px;
        padding: 0;
    }

    .pop-up-headline p{
        font-size: 16px;
        color:white;
        text-align: center;
    }

    .pop-up-headline{
        background: #43A2CC;
        padding: 10px 20px;
        -webkit-border-top-left-radius: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .pop-inner{
        padding: 38px 45px;
        background: #F7F7F7;
    }

    .pop-up-image-title > div{
        display:inline-block;
        vertical-align: middle;
    }
    
    .pop-up-image-title > div img{
       border-radius: 10px;
    }

    .pop-image-story{
        width: 40%;
    }

    .pop-title{
        width: 59%;
        padding-left: 5%;
    }

    .pop-title h2 {
    font-family: Niramit;
    color: #191918;
    font-size: 25px;
    font-weight: 800;
}

    .pop-title p{
        font-size: 17px;
        color:#05594B;
    }

    .pop-up-content-story{
        background: #ffffff;
        -webkit-border-bottom-right-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-bottomright: 20px;
        -moz-border-radius-bottomleft: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        padding-bottom: 23px;
    }

    .pop-up-content-story p{
        font-size: 17px;
        line-height: 165%;
        color:#05594B;
    }

    .pop-up-content-story p b{
        color: #000000;
    }

    .pop-up-content-story .educator-banner-buttons{
        text-align: center;
    }

    .pop-up-content-story .educator-banner-buttons a{
        margin: 0 2% 20px;
    width: 44.65%;
    }

    .pop-up-content-story .educator-banner-buttons a.book-dmo {
        color: #2E2D2B;
        background: #ffffff;
        padding: 13px 26px 13px;
        border-color: #B2B2B2;
    }

    .pop-up-content-story .educator-banner-buttons{
        margin-top: 40px;
    }
    
    
  @media (max-width: 980px){
      .grid-item {
    width: 50%;
}
      
      
  }    
      
      
  @media (max-width: 750px){
        .pop-up-image-title > div {
            display: block;
            text-align: center;
            width: 100%;
        }
        
        .pop-up-content-story .educator-banner-buttons a {
    margin: 0 0 20px;
    width: 100%;
    padding: 10px 36px 6px!important;
    font-size: 16px;
    line-height: 30px;
}

.story-pop-up {
    border-radius: 15px;
    width: 90%;
    max-width: 400px;
    padding: 0;

}


.pop-inner {
    padding: 25px 30px;
}

  .grid-item {
    width: 100%;
}
    }