@font-face {
    font-family: 'DotsMartin';
    src: url('DotsMartin.ttf') format('truetype');
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #333;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    font-family: 'Roboto', sans-serif;
  color: white;
}

h1, h2 {
  padding: 10px;
  margin: 10px;
  background: black;
  max-width: 600px;
  font-weight: 300;
}
p {
  background: black;
  max-width: 600px;
  padding: 10px;
  margin: 10px;
  font-weight: 200;
  line-height: 170%;
}

@media (max-width: 1200px) {
}

@media (max-width: 700px) {
}