@font-face {
    font-family: 'Tamil Bible';
    src: url('tamil_bible-webfont.eot');
    src: url('tamil_bible-webfont.eot?#iefix') format('embedded-opentype'),
         url('tamil_bible-webfont.woff') format('woff'),
         url('tamil_bible-webfont.ttf') format('truetype'),
         url('tamil_bible-webfont.svg#tamil_bibleplain') format('svg');
    font-weight: normal;
    font-style: normal;

}

 @media (min-width:220px) {
/* smartphones, iPhone, portrait 480x320 phones */
	
body {
	background: #EAFCFF;
}
.bible li {
	background: url("images/icon_category.png") no-repeat left top;
	margin: 1.1px 0px !important;
	width: 100%;
	float: left;
}
.bible  li a {
	text-decoration: none;
	font-size: 1.6em;
	line-height: .9em;
}
}
 @media (min-width:481px) { /* portrait e-readers (Nook/Kindle), 

smaller tablets @ 600 or @ 640 wide. */


body {
	background: #FFECEC
}
.bible li {
	background: url("images/icon_category.png") no-repeat left top;
	margin: 1.1px 0px !important;
	width: 100%;
	float: left;
}
.bible li a {
	text-decoration: none;
	font-size: 1.6em;
	line-height: .9em;
}



}
@media (min-width:641px) { /* portrait tablets, portrait iPad, 

landscape e-readers, landscape 800x480 or 854x480 phones */

body {
	background: #FBEFFC;
}
.bible li {
	background: url("images/icon_category.png") no-repeat left top;
	margin: 1.1px 0px !important;
	width: 50%;
	float: left;
}
.bible li a {
	text-decoration: none;
	font-size: 1.5em;
	line-height: .9em;
}


}
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops 

ands desktops */

body {
	background: #E0F3E6;
}
.bible li {
	background: url("images/icon_category.png") no-repeat left top;
	margin: 1.1px 0px !important;
	width: 33%;
	float: left;
}
.bible li a {
	text-decoration: none;
	font-size: 1.5em;
	line-height: .9em;
}


}
@media (min-width:1025px) { /* big landscape tablets, laptops, and 

desktops */

body {
	background: #E2F2FC;
}
.bible li {
	background: url("images/icon_category.png") no-repeat left top;
	margin: 1.1px 0px !important;
	width: 33%;
	float: left;
}
.bible li a {
	text-decoration: none;
	font-size: 1.5em;
	line-height: .9em;
}

}
@media (min-width:1281px) { /* hi-res laptops and desktops */

body {
	background: #FFF;
}
.bible li {
	background: url("images/icon_category.png") no-repeat left top;
	margin: 1.1px 0px !important;
	width: 33%;
	float: left;
}
.bible li a {
	text-decoration: none;
	font-size: 1.5em;
	line-height: .9em;
}
}