Mini Kabibi Habibi

html, 
body, 
#viewPort {
    height: 100%;
    overflow: hidden;   
}

body {
    margin: 0;
    padding: 0;
}

*[data-dx-target-placeholder] {
    height: 100%;
    -position: absolute;
}

@font-face {
	font-family: 'Segoe';
	src: local("Segoe UI Bold"),
         url('fonts/segoeuib.eot?') format('eot'), 
         url('fonts/segoeuib.ttf') format('truetype');
}

* {
    font-family: 'Segoe', sans-serif;
}

.gallery {
    height: 100%;
    width: 100%;
}

.gallery.single {
    overflow: visible;
}

.gallery.single .dx-gallery-item {
    width: 100% !important;
}

.gallery-item {
}

.gallery.list .gallery-item {
    text-align: center;
	line-height: 38px;
}
.gallery.list .gallery-item div {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: bold;
    color: #231F20;
    width: 350px;
}

.gallery-item-content {
    position: relative;
}

.gallery:not(.single) .dx-gallery-item.dx-state-active div{
    -webkit-transform: scale(.96);
    -moz-transform: scale(.96);
    -ms-transform: scale(.96);
    -o-transform: scale(.96);
    transform: scale(.96);
    -webkit-transition: -webkit-transform 100ms linear;
    -moz-transition: -moz-transform 100ms linear;
    -ms-transition: -ms-transform 100ms linear;
    -o-transition: -o-transform 100ms linear;
    transition: transform 100ms linear;
}