/* Mi_Thumb stylesheet */
.mi_thumb {width:100%; height:100vh; position:relative; -webkit-tap-highlight-color: rgba(0,0,0,0); -ms-user-select: none; margin:0 auto; background:#000; display:none; box-sizing:border-box; border:20px solid #fff; z-index:1000;}
.mi_thumb .mi_wrap {display:block; position:relative; left:0; top:0; width:100%; height:100%; overflow:hidden;}

.mi_thumb .mi_cont .mi_pane:nth-of-type(1) {background-image:url(../images/edentement-unitaire.jpg);}
.mi_thumb .mi_cont .mi_pane:nth-of-type(2) {background-image:url(../images/edente-total-implants.jpg);}
.mi_thumb .mi_cont .mi_pane:nth-of-type(3) {background-image:url(../images/edente-partiel.jpg);}
.mi_thumb .mi_cont .mi_pane:nth-of-type(4) {background-image:url(../images/edentement-plural.jpg);}
.mi_thumb .mi_cont .mi_pane h2 {padding:0; margin:0; font: 50px/50px 'gotham_condensedmedium', 'arial-bold', sans-serif; color:#fff; position:absolute; left:20px; top:20px; z-index:100;}

.mi_thumb .thumbs {top:auto; bottom:2px;}
.mi_thumb .thumbArrows {bottom:50px;}
.mi_thumb .close {position:absolute; top:15px; right:15px; cursor:pointer;}

/* to stop text from going off screen */
@media only screen and (max-width: 540px) {
.mi_pane {background-size:contain;}
.mi_thumb .mi_cont .mi_pane h2 {font: 40px/40px 'gotham_condensedmedium', 'arial-bold', sans-serif;}

}
@media only screen and (max-width: 480px) {
span {display:block;}
}