@font-face {
    font-family: 'dejavu';
    src: url(/fonts/dejavu-sans.book.ttf),
		 url(/fonts/DejaVuSerif.ttf),
         url(/fonts/DejaVuSerif-Bold.ttf); }
		 
@font-face {
    font-family: 'dosis';
    src: url(/fonts/dosis.book.ttf), 
		 url(/fonts/dosis.extralight.ttf); } 

@font-face {
    font-family: 'baskerville';
    src: url(/fonts/libre-baskerville.regular.ttf); } 
	
@font-face {
    font-family: 'crimson';
    src: url(/fonts/crimson.roman.ttf); } 

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

body { font-family: 'dosis' } 
table {
    border-collapse: collapse; 
    border: 0px solid #69899F;
} 
td {
 width:6em;
 border: 1px solid black;
 padding: 15px;
}

th {
 border: 0px solid black;
 width: 6em;
}