#home .img_outer {width:100%; position:relative; margin:0 auto; background:transparent;} #home .img_inner {display:block; position:relative; left:0; top:0; width:100%; height:0; padding-bottom:40%; overflow:hidden;} #home .img_inner .img_frame {width:61%; height:100%; position:absolute; left:40%; top:0; overflow:hidden;} #home .img_inner .img_frame img {display:block; width:100%; position:absolute; right:0; top:0;} #home .img_outer .img_inner .text {position:absolute; top:30px; height:100%; z-index:100; margin-left:22%; color:#6b7d8a; transition:0.25s; display:flex; flex-direction:column; flex-wrap:nowrap; justify-content:center; transition:1s;} #home .img_outer .img_inner .text h5 {padding:0; margin:0; font: 400 13px/18px 'Lato', arial, sans-serif;} #home .img_outer .img_inner .text h5 span {font-style:italic;} #home .img_outer .img_inner .text h1 {padding:0; margin:0; font: 700 50px/70px 'Lato', arial, sans-serif; padding-top:20px;} #home .img_outer .img_inner .text a {display:block; width:162px; height:44px; background:rgba(181,52,74,0.91); font: 400 16px/44px 'Lato', arial, sans-serif; text-align:center; color:#fff; text-decoration:none; transition:0.5s;} #home .img_outer .img_inner .text a:hover {background:rgba(181,52,74);} @media only screen and (max-width:1200px) { #home .img_outer .img_inner .text {margin-left:15%;} } @media only screen and (max-width: 900px) { #home .img_inner {height:360px; padding-bottom:0;} #home .img_inner .img_frame {height: 360px;} #home .img_inner .img_frame img {height: 360px; width:550px; right:50%; margin-right:-275px;} } @media only screen and (max-width:720px) { #home .img_outer .img_inner .text {margin-left:10px;} #home .img_outer .img_inner .text h5 {font: 400 11px/16px 'Lato', arial, sans-serif;} #home .img_outer .img_inner .text h1 {font: 700 30px/45px 'Lato', arial, sans-serif;} } @media only screen and (max-width:550px) { #home .img_inner .img_frame {width:100%; left:0;} #home .img_outer .img_inner .text {max-width:100%;} } #footer {background:#1c252d; padding:30px 0;} #footer .inner {width:95%; max-width:1252px; margin:0 auto;} #footer .inner .cola {display:inline-block; width:20%; vertical-align:top; box-sizing:border-box; padding-right: 20px;} #footer .inner .cola h3 {font: 700 16px/20px 'Lato', arial, sans-serif; color:#fff; padding:0 0 20px 0;} #footer .inner .cola h4 {font: 400 13px/16px 'Lato', arial, sans-serif; color:#fff;} #footer .inner .cola h4 a {display:inline-block; color:#fff; text-decoration:none; padding:3px 0;} #footer .inner .cola h4 a:hover {text-decoration:underline;} @media only screen and (max-width: 1100px) { #footer .inner .cola {width:33%; padding:0 20px 20px 0;} } @media only screen and (max-width: 700px) { #footer .inner .cola {width:50%;} } @media only screen and (max-width: 450px) { #footer .inner .cola {width:100%;} } /* Mi_Thumb stylesheet home page */ #home .mi_outer {background:#fff; padding:45px 0;} #home .mi_thumb {width:100%; max-width:1176px; position:relative; -webkit-tap-highlight-color: rgba(0,0,0,0); -ms-user-select: none; margin:0 auto; background:#fff; overflow:hidden;} #home .mi_thumb .mi_wrap {display:block; position:relative; left:0; top:0; width:100%; height:0; padding-bottom:64.6%; overflow:hidden;} #home .mi_thumb .mi_cont .mi_pane:nth-of-type(1) {background-image:url(../images/siege-dentiste.jpg);} #home .mi_thumb .mi_cont .mi_pane:nth-of-type(2) {background-image:url(../images/cabinet-maxillo-stomatologie.jpg);} #home .mi_thumb .mi_cont .mi_pane:nth-of-type(3) {background-image:url(../images/siege-massage-mal-de-dos.jpg);} #home .mi_thumb .mi_cont .mi_pane:nth-of-type(4) {background-image:url(../images/siege-ergonomique.jpg);} #home .mi_thumb .mi_cont .mi_pane:nth-of-type(5) {background-image:url(../images/bien-etre.jpg);} #home .text-pane {position:absolute; top:-1000px; right:0; bottom:0; left:0; margin:auto; display:block; height:40%; transition:1s;} #home .text-pane h1 {padding:0; margin:0; font:700 60px/80px 'Lato', arial, serif; color:#fff; text-align:center;} #home .text-pane p {padding:0; margin:0; font:400 14px/30px 'Lato', arial, serif; color:#fff; text-align:center;} #home .text-pane p::before {content:url(images/icon-articles-white.png); margin-right:10px;} #home .text-pane a {display:block; width:35px; margin:20px auto;} #home .mi_thumb .mi_pane.current .text-pane {top:0;} @media only screen and (max-width: 768px) { #home .mi_thumb .imageArrows.imgnext, #home .mi_thumb .imageArrows.imgprev {display:none;} #home .mi_thumb .mi_wrap {padding:0; height:400px;} }