* {
    margin: 0;
    padding: 0;
    list-style-type:none;
    }
    header {
      height:40px;
      width:100%;
      position:fixed;
      background:rgba(0,0,0,0.9);
      z-index:120;
    }
    header li {
      float: left;
      list-style-type:none;
      border-right: 1px solid #252525;
    }
    header li a {
      float: left;
      width: 98px;
      height: 12px;
      padding: 14px 7px;
      color: #fff;
      text-decoration: none;
      text-align: center;
      text-transform: uppercase;
      font-weight: 700;
      letter-spacing: 1px;
      font: normal 62.5% "proxima-nova-alt", Helvetica, Arial, sans-serif;
    }
    header .logo {
      float: left;
      width: 201px;
      height: 40px;
      background:#fde624 url('') no-repeat 16px 1px;
    }
    #show-nails:hover div.thumbnail-peekaboo {
      display:block;
    }
    header div.thumbnail-peekaboo {
      display:none;
      height:165px;
      width:3000px;
      top:40px;
      left:0;
      background:#222;
      background-size:100px 100px;
      position:absolute;
    }
    /*header div.thumbnail-peekaboo:hover {
      -webkit-animation: TMNT 4s ease-in;
      -webkit-animation-fill-mode:backwards;
    }*/
    .thumb {
      height:140px;
      width:210px;
      top:136px;
      left:12px;
      position:relative;
      background-size:contain;
      box-shadow:-12px 0 0 12px #000;
    }
    .thumb:last-of-type {
      box-shadow:0 0 0 12px #000;
    }
    .thumb:after {
      content:attr(title);
      font:normal normal 20pt 'impact';
      position:relative;
    }
    .thumb:hover {
      -webkit-filter: grayscale(80%);
      -moz-filter: grayscale(80%);
      -ms-filter: grayscale(80%);
      -o-filter: grayscale(80%);
      filter: grayscale(80%);
      filter: url(grayscale.svg#greyscale);
      filter: gray;
    }
    @-webkit-keyframes TMNT {
      0%  { left: 0px; }
      100% { left: -1200px; }
    }
    a.prev,a.next {
      height:91px;
      position:absolute;
      width:43px;
      top:50%;
      margin-top:-30px;
      opacity:0.6;
      text-indent:-99999px;
      cursor:pointer;
      -webkit-transition:opacity 200ms ease-out;
    }
    a.prev:hover,a.next:hover {
      opacity:1;
    }
    .prev {
      left:0;
      background: #000 url('https://lh4.googleusercontent.com/-JN1IZLtuToI/UUoZnMG3C_I/AAAAAAAAAE8/SEbJ9nqXGnY/s226/sprite.png') no-repeat -200px 25px;
    }
    .next {
      right:0;
      background: #000 url('https://lh4.googleusercontent.com/-JN1IZLtuToI/UUoZnMG3C_I/AAAAAAAAAE8/SEbJ9nqXGnY/s226/sprite.png') no-repeat -167px 25px;
    }
    .slider {
      height:100vh;
      position: relative;
    }
    .slide {
      position:absolute;
      height:100%;
      width:100%;
    }
    .slider .slide:target {
      z-index: 100;
    }
    img {
      max-width:100%;
      width:100%;
      position:fixed;
      left:0;
    }
    .box-button1 {
      margin-top: 400px;
      margin-left: 40px;
      width: 25%;
      height: 43vh;
    }
    
    .bteesquerdo {
      margin-left: -300px;
      height: 30%;
      display: flex;
    }
    
    .bte {
      cursor: pointer;
      font-size: 14px;
      line-height: 1;
      border-radius: 500px;
      transition-property: background-color, border-color, color, box-shadow, filter;
      transition-duration: 0.3s;
      border: 1px solid transparent;
      letter-spacing: 2px;
      min-width: 160px;
      text-transform: uppercase;
      white-space: normal;
      font-weight: 700;
      text-align: center;
      padding: 16px 14px 18px;
      color: #616467;
      box-shadow: inset 0 0 0 2px #616467;
      background-color: transparent;
      height: 48px;
    }
    
    .bte:hover{
      color: #fff;
      background-color: #f56653;
    }
    
    .box-button2 {
      margin-top: -375px;
      width: 25%;
      height: 43vh;
      margin-left: 1040px;
    }
    .btdireito {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .btd {
      cursor: pointer;
      font-size: 14px;
      line-height: 1;
      border-radius: 500px;
      transition-property: background-color, border-color, color, box-shadow, filter;
      transition-duration: 0.3s;
      border: 1px solid transparent;
      letter-spacing: 2px;
      min-width: 160px;
      text-transform: uppercase;
      white-space: normal;
      font-weight: 700;
      text-align: center;
      padding: 16px 14px 18px;
      color: #616467;
      box-shadow: inset 0 0 0 2px #616467;
      background-color: transparent;
      height: 48px;
    }
    
    .btd:hover{
      color: #fff;
      background-color: #d1e706;
    }

    @media (min-width: 600px)
{
  * {
    margin: 0;
    padding: 0;
    list-style-type:none;
    }
    header {
      height:40px;
      width:100%;
      position:fixed;
      background:rgba(0,0,0,0.9);
      z-index:120;
    }
    header li {
      float: left;
      list-style-type:none;
      border-right: 1px solid #252525;
    }
    header li a {
      float: left;
      width: 98px;
      height: 12px;
      padding: 14px 7px;
      color: #fff;
      text-decoration: none;
      text-align: center;
      text-transform: uppercase;
      font-weight: 700;
      letter-spacing: 1px;
      font: normal 62.5% "proxima-nova-alt", Helvetica, Arial, sans-serif;
    }
    header .logo {
      float: left;
      width: 201px;
      height: 40px;
      background:#fde624 url('') no-repeat 16px 1px;
    }
    #show-nails:hover div.thumbnail-peekaboo {
      display:block;
    }
    header div.thumbnail-peekaboo {
      display:none;
      height:165px;
      width:3000px;
      top:40px;
      left:0;
      background:#222;
      background-size:100px 100px;
      position:absolute;
    }
    /*header div.thumbnail-peekaboo:hover {
      -webkit-animation: TMNT 4s ease-in;
      -webkit-animation-fill-mode:backwards;
    }*/
    .thumb {
      height:140px;
      width:210px;
      top:136px;
      left:12px;
      position:relative;
      background-size:contain;
      box-shadow:-12px 0 0 12px #000;
    }
    .thumb:last-of-type {
      box-shadow:0 0 0 12px #000;
    }
    .thumb:after {
      content:attr(title);
      font:normal normal 20pt 'impact';
      position:relative;
    }
    .thumb:hover {
      -webkit-filter: grayscale(80%);
      -moz-filter: grayscale(80%);
      -ms-filter: grayscale(80%);
      -o-filter: grayscale(80%);
      filter: grayscale(80%);
      filter: url(grayscale.svg#greyscale);
      filter: gray;
    }
    @-webkit-keyframes TMNT {
      0%  { left: 0px; }
      100% { left: -1200px; }
    }
    a.prev,a.next {
      height:91px;
      position:absolute;
      width:43px;
      top:50%;
      margin-top:-30px;
      opacity:0.6;
      text-indent:-99999px;
      cursor:pointer;
      -webkit-transition:opacity 200ms ease-out;
    }
    a.prev:hover,a.next:hover {
      opacity:1;
    }
    .prev {
      left:0;
      background: #000 url('https://lh4.googleusercontent.com/-JN1IZLtuToI/UUoZnMG3C_I/AAAAAAAAAE8/SEbJ9nqXGnY/s226/sprite.png') no-repeat -200px 25px;
    }
    .next {
      right:0;
      background: #000 url('https://lh4.googleusercontent.com/-JN1IZLtuToI/UUoZnMG3C_I/AAAAAAAAAE8/SEbJ9nqXGnY/s226/sprite.png') no-repeat -167px 25px;
    }
    .slider {
      height:100vh;
      position: relative;
    }
    .slide {
      position:absolute;
      height:100%;
      width:100%;
    }
    .slider .slide:target {
      z-index: 100;
    }
    img {
      max-width:100%;
      width:100%;
      position:fixed;
      left:0;
    }
    .box-button1 {
      margin-top: 400px;
      margin-left: 40px;
      width: 25%;
      height: 43vh;
    }
    
    .bteesquerdo {
      margin-left: -300px;
      height: 30%;
      display: flex;
    }
    
    .bte {
      cursor: pointer;
      font-size: 14px;
      line-height: 1;
      border-radius: 500px;
      transition-property: background-color, border-color, color, box-shadow, filter;
      transition-duration: 0.3s;
      border: 1px solid transparent;
      letter-spacing: 2px;
      min-width: 160px;
      text-transform: uppercase;
      white-space: normal;
      font-weight: 700;
      text-align: center;
      padding: 16px 14px 18px;
      color: #616467;
      box-shadow: inset 0 0 0 2px #616467;
      background-color: transparent;
      height: 48px;
    }
    
    .bte:hover{
      color: #fff;
      background-color: #f56653;
    }
    
    .box-button2 {
      margin-top: -375px;
      width: 25%;
      height: 43vh;
      margin-left: 1040px;
    }
    .btdireito {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .btd {
      cursor: pointer;
      font-size: 14px;
      line-height: 1;
      border-radius: 500px;
      transition-property: background-color, border-color, color, box-shadow, filter;
      transition-duration: 0.3s;
      border: 1px solid transparent;
      letter-spacing: 2px;
      min-width: 160px;
      text-transform: uppercase;
      white-space: normal;
      font-weight: 700;
      text-align: center;
      padding: 16px 14px 18px;
      color: #616467;
      box-shadow: inset 0 0 0 2px #616467;
      background-color: transparent;
      height: 48px;
    }
    
    .btd:hover{
      color: #fff;
      background-color: #d1e706;
    }

}
@media (min-width: 998px)
{
  * {
    margin: 0;
    padding: 0;
    list-style-type:none;
    }
    header {
      height:40px;
      width:100%;
      position:fixed;
      background:rgba(0,0,0,0.9);
      z-index:120;
    }
    header li {
      float: left;
      list-style-type:none;
      border-right: 1px solid #252525;
    }
    header li a {
      float: left;
      width: 98px;
      height: 12px;
      padding: 14px 7px;
      color: #fff;
      text-decoration: none;
      text-align: center;
      text-transform: uppercase;
      font-weight: 700;
      letter-spacing: 1px;
      font: normal 62.5% "proxima-nova-alt", Helvetica, Arial, sans-serif;
    }
    header .logo {
      float: left;
      width: 201px;
      height: 40px;
      background:#fde624 url('') no-repeat 16px 1px;
    }
    #show-nails:hover div.thumbnail-peekaboo {
      display:block;
    }
    header div.thumbnail-peekaboo {
      display:none;
      height:165px;
      width:3000px;
      top:40px;
      left:0;
      background:#222;
      background-size:100px 100px;
      position:absolute;
    }
    /*header div.thumbnail-peekaboo:hover {
      -webkit-animation: TMNT 4s ease-in;
      -webkit-animation-fill-mode:backwards;
    }*/
    .thumb {
      height:140px;
      width:210px;
      top:136px;
      left:12px;
      position:relative;
      background-size:contain;
      box-shadow:-12px 0 0 12px #000;
    }
    .thumb:last-of-type {
      box-shadow:0 0 0 12px #000;
    }
    .thumb:after {
      content:attr(title);
      font:normal normal 20pt 'impact';
      position:relative;
    }
    .thumb:hover {
      -webkit-filter: grayscale(80%);
      -moz-filter: grayscale(80%);
      -ms-filter: grayscale(80%);
      -o-filter: grayscale(80%);
      filter: grayscale(80%);
      filter: url(grayscale.svg#greyscale);
      filter: gray;
    }
    @-webkit-keyframes TMNT {
      0%  { left: 0px; }
      100% { left: -1200px; }
    }
    a.prev,a.next {
      height:91px;
      position:absolute;
      width:43px;
      top:50%;
      margin-top:-30px;
      opacity:0.6;
      text-indent:-99999px;
      cursor:pointer;
      -webkit-transition:opacity 200ms ease-out;
    }
    a.prev:hover,a.next:hover {
      opacity:1;
    }
    .prev {
      left:0;
      background: #000 url('https://lh4.googleusercontent.com/-JN1IZLtuToI/UUoZnMG3C_I/AAAAAAAAAE8/SEbJ9nqXGnY/s226/sprite.png') no-repeat -200px 25px;
    }
    .next {
      right:0;
      background: #000 url('https://lh4.googleusercontent.com/-JN1IZLtuToI/UUoZnMG3C_I/AAAAAAAAAE8/SEbJ9nqXGnY/s226/sprite.png') no-repeat -167px 25px;
    }
    .slider {
      height:100vh;
      position: relative;
    }
    .slide {
      position:absolute;
      height:100%;
      width:100%;
    }
    .slider .slide:target {
      z-index: 100;
    }
    img {
      max-width:100%;
      width:100%;
      position:fixed;
      left:0;
    }
    .box-button1 {
      margin-top: 400px;
      margin-left: 40px;
      width: 25%;
      height: 43vh;
    }
    
    .bteesquerdo {
      margin-left: -300px;
      height: 30%;
      display: flex;
    }
    
    .bte {
      cursor: pointer;
      font-size: 14px;
      line-height: 1;
      border-radius: 500px;
      transition-property: background-color, border-color, color, box-shadow, filter;
      transition-duration: 0.3s;
      border: 1px solid transparent;
      letter-spacing: 2px;
      min-width: 160px;
      text-transform: uppercase;
      white-space: normal;
      font-weight: 700;
      text-align: center;
      padding: 16px 14px 18px;
      color: #616467;
      box-shadow: inset 0 0 0 2px #616467;
      background-color: transparent;
      height: 48px;
    }
    
    .bte:hover{
      color: #fff;
      background-color: #f56653;
    }
    
    .box-button2 {
      margin-top: -375px;
      width: 25%;
      height: 43vh;
      margin-left: 1040px;
    }
    .btdireito {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .btd {
      cursor: pointer;
      font-size: 14px;
      line-height: 1;
      border-radius: 500px;
      transition-property: background-color, border-color, color, box-shadow, filter;
      transition-duration: 0.3s;
      border: 1px solid transparent;
      letter-spacing: 2px;
      min-width: 160px;
      text-transform: uppercase;
      white-space: normal;
      font-weight: 700;
      text-align: center;
      padding: 16px 14px 18px;
      color: #616467;
      box-shadow: inset 0 0 0 2px #616467;
      background-color: transparent;
      height: 48px;
    }
    
    .btd:hover{
      color: #fff;
      background-color: #d1e706;
    }

}