/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.hero-text h1 {
		line-height: 60px;
		font-size: 3.75em;
	}
	.contact .item {
		margin: 0 30px 30px 30px;
	}
	.features-header {
		font-size: 1.250em;
	}
	.record .w-col {
		width: 33%;
	}
	}

	/* Extra Small Devices, Phones */
	@media only screen and (max-width : 481px) {
	.hero-text h1 {
	    line-height: 60px;
	    font-size: 3em;
	}
	.about p {
		padding: 0 10px;
		font-size: 16px;
		text-align: center;
	}
	.record i {
		font-size: 60px;
	}
	.record .features-header {font-size: 100%;}
	.record .w-col {width: 100%;padding-top: 35px;padding-bottom: 35px;border: 1px solid #795548;margin-bottom: 5px;}
	.contact .item {width: 100%; margin: 0; padding-bottom: 40px;}
	.contact .item i {}
	.contact .item div {text-align: center;}
	.hero-text p, .hero-text span {
		font-size: 1.6em;
	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.hero-text h1 {font-size: 2em;}
	.hd-contact p {
		font-size: 14px;
	}
	.hero-text p, .hero-text span {
		font-size: 1.3em;
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}