@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,700|Open+Sans:300,400,600,700,800');

@font-face {
  font-family: "Roboto Black";
  src: url("../fonts/roboto-black-webfont.woff");
}

@font-face {
  font-family: "Roboto Medium";
  src: url("../fonts/roboto-medium-webfont.woff");
}

@font-face {
  font-family: "FredokaOne";
  src: url("../fonts/fredokaone-regular-webfont.woff");
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    font: 14px/1 'Comfortaa', sans-serif;
    font-weight: 400;
    touch-action: manipulation;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
    border: none;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    
    -webkit-tap-highlight-color: rgba(0,0,0,0);
       -moz-tap-highlight-color: rgba(0,0,0,0);
        -ms-tap-highlight-color: rgba(0,0,0,0);
            tap-highlight-color: rgba(0,0,0,0);
}

strong { font-weight: bold; }
a, a:hover, a:focus { text-decoration: none; }

img { 
    max-width: 100%; 
    height: auto; 
}

:focus { outline: 0; }
::-moz-focus-inner {
    padding: 0;
    border: none;
}

input , textarea { font: 14px/1 'Comfortaa', sans-serif; }
::-webkit-input-placeholder { color: #929292; opacity: 1; }
::-moz-placeholder { color: #929292; opacity: 1; }
:-moz-placeholder { color: #929292; opacity: 1; }
:-ms-input-placeholder { color: #929292; opacity: 1; }