@media only screen {
	#site_title {
		font-size: 30px;
	}
}



@media only screen and (max-width: 1024px) {

	h1#site_title {
		font-size: 28px;
	}

}

/* Used to alter styles for screens at least 768px wide. */
@media only screen and (max-width: 768px) {

	h1#site_title {
		font-size: 18px;
	}

}


/* Used to alter styles for screens at least 480px wide. */
@media only screen and (max-width: 480px) {

	h1#site_title {
		font-size: 14px;
	}

}