
@media only screen and (min-width: 600px) {
  html {
    background:#333;
    -webkit-overflow-scrolling : touch;
    -webkit-tap-highlight-color : lighten(#333, 75%);
  }
  html,body {
    max-width: 320px;
    font-family: $font-family-sans-serif;
  }

  body,
  input,
  textarea,
  select {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    color: #141414;
  }


  a, a:hover {
    color: #00b8ae;
    text-decoration: none;
  }


  @-webkit-viewport {
    width : device-width;
  }

  @-moz-viewport {
    width : device-width;
  }

  @-ms-viewport {
    width : device-width;
  }

  @-o-viewport {
    width : device-width;
  }

  @viewport {
    width : device-width;
  }

  ::-moz-selection {
    background-color: lighten($colorFirst, 65%);
    color: $colorFirst;
    text-shadow: none;
  }

  ::selection {
    background-color: lighten($colorFirst, 65%);
    color: $colorFirst;
    text-shadow: none;
  }

  .overflow-container { overflow-y: scroll; }

  :not(a):focus {
    outline: none;
  }
}
