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

	.horo-field {
	    height: 34px;
	    width: 60px;
	}
	h3#horoscope_tittle {
	    font-size: 1.5em;
	}
	.category_row {
	    font-size: 0.7em;
	}
	div#horo-btn-row {
	    text-align: center;
	}
	.result_row {
	    font-size: 0.8em;
	}
	button.reset_btn {
	    margin-top: 5px;
	}
}

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

	.horo-field {
	    height: 34px;
	    width: 60px;
	}

	h3#horoscope_tittle {
	    font-size: 1.5em;
	}
	.category_row {
	    font-size: 0.7em;
	}
	div#horo-btn-row {
	    text-align: center;
	}
	.result_row {
	    font-size: 0.8em;
	}
	button.reset_btn {
	    margin-top: 5px;
	}
	
}

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

	div#result_bg {
	    width: 220px;
	    height: 275px;
	}
}