@media only screen and (max-width: 767px) {
	h2 {
		font-size: 25px !important;
	}
}

/*--------------------------------------------------------------
#1	header
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	header {
		height: 500px;
	}

	header h1 {
		font-size: 25px;
		margin: 30px 0 15px;
	}

	header p {
		letter-spacing: 0;
		font-size: 15px;
	}

	header .mouse {
		display: none;
	}
}



/*--------------------------------------------------------------
#2	features
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.features .thumbnail {
		padding: 30px 15px;
	}
}

@media only screen and (max-width: 500px) {
	.features .row .col {
		width: 100%;
	}
}



/*--------------------------------------------------------------
#3	thanks
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.thanks .col > div {
		width: 90%;
		padding: 30px 0;
	}

	.thanks .rating i {
		font-size: 15px;
	}

	.thanks .rating + p {
		font-size: 18px;
	}

	.thanks .rating + p + span {
		font-size: 20px;
	}
}



/*--------------------------------------------------------------
#4	footer
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	footer .top-info h2 {
		font-size: 18px !important;
		line-height: 30px;
	}
}