@font-face {
    font-family: 'SuisseIntl';
    src: url('font/SuisseIntl.woff2') format('woff2'),
        url('font/SuisseIntl.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



* {
	
	font-family: 'SuisseIntl', 'sans-serif';
	font-size: 2vw;
}

body, html, h3, p, a {
	margin: 0;
	padding: 0;
  font-size: 2vw;

}
body {
	margin: 1vw;
}

h3 {
	font-weight: normal;
	margin: 0; 
	padding: 0;
}

ul,ol {
	max-width: 1200px;
}

p {
	max-width: 90%;
}
ul {
	list-style-image: url('http://veravandeseyp.com/hdworkshop/li.gif');
	margin-top: 0;
	margin-bottom: 0;
}

ol { 
    counter-reset: item;
    list-style-type: none;
    padding-left: 20px;
    margin-bottom: 0;
}

ol li { display: block; }
ol li:before { 
	margin: 0;
    content: counter(item) ""; 
    height: 20px;
    width: 20px;
    float: left;
    display: block;
    /*background-color: red;*/
    counter-increment: item; 
    padding-right: 10px;
}


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

a:hover {
	text-decoration: none;
	border-bottom: 0.1vw solid blue;
}

code {
	font-family: 'Menlo', monospace;
	font-size: 1.8vw;
}
smallcode {
	font-family: 'Menlo', monospace;
	font-size: 12px;
}

tab {
	width: 20px;
	display: inline-block;
	height: 1px;
}

input { 
	width: 580px;
	max-width: 90%;
	 }

@media (max-width: 800px) {
	*, a, p, i, ol, ol li, ul,li i, h3 {
		font-size: 20px;
	}
	smallcode {
		clear: both;
	}

	code {
		font-size: 19px;
	}
}

@media (min-width: 1281px) {
	*, a, p, i, ol, ol li, ul, li i,h3 {
		font-size: 27px;
	}
	code {
		font-size: 23px;
	}
}