* {
    box-sizing: border-box;
}


        
        
	@font-face {
    	font-family: 'clock';
    	src: url('fonts/normal.eot');
    	src: url('fonts/normal.eot?#iefix') format('embedded-opentype'),
			url('fonts/normal.woff') format('woff'),
			url('fonts/normal.ttf') format('truetype');
		font-weight: normal;
    	font-style: normal;
	}


html, body {
    font-family: clock;  
    font-size: 1.3em;
    color: black;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}


div#contact {
  position: fixed;
  left: 20px;
  top: 20px;
  letter-spacing: 0.3px;
}


a {
  color: black;
  text-decoration: none;
}

a:hover {
  border-bottom: 2px solid black;
}


@media screen and (max-width: 1200px) {
  body { font-size: 1.5em;
    }}


@media screen and (max-width: 850px) {
  body { font-size: 2.2em;
    }}