/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .meditation.quote_today {
    width: 770px !important;
	max-width:100% !important;
    margin: auto;
    margin-top: 20px;
    background:#fff !important;
}
.meditation.quote_today tr td, .meditation.quote_today tr td:hover {
    color: #000 !important;
	background-color:#fff !important;
	border:0px !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
  
}
.meditation.quote_today div
{
    margin:20px 0px;
}
.meditation.quote_today h2
{
    font-weight: bold !important;
    font-size: 1.5em !important;
}
.meditation.quote_today h2.heading1
{
    font-weight: bold !important;
    font-size: 2em !important;
}

.meditation.quote_today table {
	width: 770px;
}

@media only screen and (min-width: 801px) { 
	.meditation.quote_today tr td {
	line-height: 24px;
}
	
}
@media (min-width: 750px) and (max-width: 800px) { 
	.meditation.quote_today table{
		font-size: 13px;
		
	}
	.meditation.quote_today tr td {
		line-height: 16px;
	}
	.meditation.quote_today h1{	
		font-size: 18px;
	}
	.meditation.quote_today h2{
		font-size: 16px;
	}
	.meditation.quote_today table{
		width: 85%;
	}
}

@media (max-width: 480px) { 
	.meditation.quote_today  table{
		font-size: 12px;
	
	}
	.meditation.quote_today tr td {
		line-height: 16px;
	}
	.meditation.quote_today h1{	
		font-size: 14px;
	}
	.meditation.quote_today h2{
		font-size: 12px;
	}
	.meditation.quote_today table{
		width: 85%;
	}
}