.html{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;padding:30px;font-size:16px;font-weight:300;line-height:26px;overflow:hidden}.html-wrapper{margin-left:auto;margin-right:auto;max-width:1140px}.html-wrapper>header>h3{font-size:36px;margin:0 0 30px}.html-wrapper>.desc,.html-wrapper>.desc>:last-child{margin-bottom:0}main .html-wrapper.container{width:100%}.html-wrapper.container,.html-wrapper.container *,.html-wrapper.container:before{transition:all .5s ease-in-out}.html-wrapper.container,.html-wrapper.container>header>h3,.html-wrapper.container>.desc{position:relative}.html-wrapper.container{padding:20px}.html-wrapper.container:before{content:'';position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:#c8c8c8;opacity:.5}.html-wrapper.container>header>h3,.html-wrapper.container>header>h3 a,.html-wrapper.container>.desc{color:#fff;padding:0}.html-wrapper.container:hover:before{opacity:.95}.html-wrapper.container:hover>.desc{color:#333}.html-wrapper.container:hover>header>h3,.html-wrapper.container:hover>header>h3 a{color:#000}.html-wrapper.container:hover>header>h3 a:hover{color:#fff}