@font-face {
    font-family: 'CivitaLig';
    src:  url('http://directhit.nl/fonts/CivitaLig-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'EpoClassic';
    src:  url('http://directhit.nl/fonts/EpoClassic-Lig-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@media screen and (min-width:1101px)
{
body {
			font-family: CivitaLig;
			line-height: 1.5;
			background: whitesmoke;
			font-size: 17px;
			color: #000000;
			
		}
		p {
			font-family: CivitaLig;
			line-height: 1.5;
			background: whitesmoke;
			font-size: 17px;
			color: #000000;
			
		}
		h1, h2, h3, h4, h5 {
			font-family: EpoClassic;
			margin-top: 0;
			margin-bottom: 12px;
			margin-bottom: 2rem;
			color: #666666;
		}
}

table.infotable 
{
	
        border-width: 1px;
        border-spacing: 1px;
        border-style: outset;
        border-color: gray;
        border-collapse: collapse;
 	background-color: #ede3e2;
}
table.infotable th {
        border-width: 1px;
        padding: 1px;
        border-style: inset;
        border-color: gray;
        background-color:;
        font-weight:bold;
}
table.infotable td {
        border-width: 1px;
        padding: 1px;
        border-style: inset;
        border-color: gray;
       background: whitesmoke;
        -moz-border-radius: ;
}

@media screen and (max-width:1100px)
{
		body {
			font-family: CivitaLig;
			line-height: 1.5;
			background: whitesmoke;
			font-size: 15px;
			color: #000000;
			
		}
		h1, h2, h3, h4, h5  {
			font-family: EpoClassic;
			margin-top: 0;
			margin-bottom: 32px;
			margin-bottom: 2rem;
			color: #666666;
		}

		p {
			font-family: CivitaLig;
			line-height: 1.5;
			background: whitesmoke;
			font-size: 15px;
			color: #000000;
			
		}
		ul {
			list-style:square;
		}
		
		header h1, header p {
			margin-bottom: 0;
		}
		header p {
			padding-bottom: 30px;
			padding-bottom: 1.88rem;
		}
		header, hr {
			border: none;
			border-bottom: 2px solid;
			margin-bottom: 32px;
			margin-bottom: 2rem;
		}
		.reading-canvas {
			margin-top: 80px;
			padding: 1.6em;
			-webkit-column-width: 25em;
			-moz-column-width: 25em;
			column-width: 25em;
			-webkit-column-gap: 3rem;
			-moz-column-gap: 3rem;
			column-gap: 3rem;
			max-width: none;
			height: 85vh;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
.reading-canvas p:last-child {
margin-bottom:0
}
}