.btnn {
     display: none;
     position: absolute;
     bottom: -13px;
     right: -13px;
     transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     color: #eeeeee;
     font-size: 24px;
     padding: 0px;
     text-align: center;
     width: 34px;
     height: 34px;
     transition: color 0.5s;
}
 .btnn:hover {
     color: #ffffff;
}
 * {
     box-sizing: border-box;
}
 .row-full {
     width: 100vw;
     position: relative;
     margin-left: -50vw;
     left: 50%;
}
 .carousel {
     background: #dddddd;
     width: 100%;
}
 .carousel-cell {
     width: auto;
     height: 250px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .carousel-cell-image {
     display: block;
     max-height: 250px;
     max-width: 100%;
}
 .carousel-cell:hover * i {
     display: block;
}
 @media screen and (min-width: 768px) {
     .carousel-cell {
         height: 300px;
    }
     .carousel-cell-image {
         max-height: 300px;
    }
}
 @media screen and (min-width: 992px) {
     .carousel-cell {
         height: 400px;
    }
     .carousel-cell-image {
         max-height: 400px;
    }
}
 @media screen and (min-width: 1200px) {
     .carousel-cell {
         height: 570px;
    }
     .carousel-cell-image {
         max-height: 570px;
    }
}