body,html {
    height:100%;
    margin:0;
    padding:0;
    font-family: 'Open Sans', sans-serif;font-smoothing:antialiased;text-rendering:optimizeLegibility;
    font-size:16px;
}
@media (min-width:901px) {
  

*,*:after,*:before {
    box-sizing:inherit
}
body {
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none;
    text-size-adjust:none;
    overflow:hidden
}
body.no-touch{overflow:visible}
ol li,ul li{list-style:none}
a{text-decoration:none}
img{max-width:100%}
#main{width:100%;height:100%}
.section{
    position:relative;
    width:100%;
    height:100%;
    box-sizing:border-box;
    overflow:hidden;
    background-color: #444;
    padding: 25px 35px 25px 25px;
}
.slide-navigation{position:fixed;top:9px;bottom:0;right:0px;text-align:center;padding: 8px; background-color: #444;}
.slide-navigation>li{position:relative;display:block;margin-bottom:12px}
.slide-navigation>li>a{display:block;height:13px;width:13px;border:3px solid #FFF;border-radius:50%;background:transparent;z-index:1;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
.slide-navigation>li>a.is-active{background:#FFF}
}

@media (max-width:900px) {
    img{
        max-width:100%;
        max-height:100%;
    }
}