/* ipad pro */
@media (min-width: 1021px) and (max-width: 1199px) {
	.intro-bg-overlay img {
		margin-top: 4rem;
	}
	.intro h1 {
		font-size: 3.5rem;
	}
	.h2, h2 {
		font-size: 1.75rem;
	}
	p {
		font-size: 1.15rem;
	}
	.card-title {
		font-size: 1.75rem;
	}
	.padding-right {
		padding-right: 4rem;
		padding-top: 1rem;
		padding-left: 1rem;
	}
	.padding-left {
		padding-left: 4rem;
		padding-top: 2rem;
		padding-right: 1rem;
	}
}

@media (min-width: 992px) and (max-width: 1020px) {
	.intro-bg-overlay img {
		margin-top: 4rem;
	}
	.intro h1 {
		font-size: 3.5rem;
	}
	.h2, h2 {
		font-size: 1.75rem;
	}
	p {
		font-size: 1.15rem;
	}
	.card-title {
		font-size: 1.75rem;
	}
}

@media (min-width: 861px) and (max-width: 991px) {
	.intro h1 {
		letter-spacing: 1px;
		font-size: 3rem;
	}
	.intro h2 {
		font-size: 1.75rem;
	}
	.navbar-nav span {
		display: none;
	}
	.contact-info {
		padding: 4rem 2rem;
	}
	.intro h1 {
		font-size: 2.5rem;
	}
	.intro h2 {
		font-size: 1.25rem;
	}
	.intro-2 p {
		font-size: 1rem;
	}
	.intro-2-img {
		margin-top: -5rem;
	}
	.intro-bg-overlay img {
		margin-top: 14rem;
	}
	.h2, h2 {
		font-size: 1.65rem;
	}
	p {
		font-size: 1rem;
	}
	.card-title {
		font-size: 1.25rem;
	}
	.card a {
		font-size: 1rem;
	}
	.footer a {
		font-size: 1rem;
	}
	.footer p {
		font-size: .5rem;
	}
	.padding-right {
		padding-right: 4rem;
		padding-top: 0rem;
		padding-left: 2rem;
		padding-bottom: 4rem;
	}
	.padding-left {
		padding-left: 4rem;
		padding-top: 0rem;
		padding-right: 2rem;
		padding-bottom: 4rem;
	}
}

/* ipad */
@media (min-width: 760px) and (max-width: 860px) {
	.intro h1 {
		letter-spacing: 1px;
		font-size: 3rem;
	}
	.intro h2 {
		font-size: 1.75rem;
	}
	.navbar-nav span {
		display: none;
	}
	.contact-info {
		padding: 4rem 2rem;
	}
	.intro h1 {
		font-size: 2.5rem;
	}
	.intro h2 {
		font-size: 1.25rem;
	}
	.intro-2 p {
		font-size: 1rem;
	}
	.intro-2-img {
		margin-top: -5rem;
	}
	.intro-bg-overlay img {
		margin-top: 13rem;
	}
	.h2, h2 {
		font-size: 1.65rem;
	}
	p {
		font-size: 1rem;
	}
	.card-title {
		font-size: 1.25rem;
	}
	.card a {
		font-size: 1rem;
	}
	.footer a {
		font-size: 1rem;
	}
	.footer p {
		font-size: .5rem;
	}
	.padding-right {
		padding-right: 4rem;
		padding-top: 0rem;
		padding-left: 2rem;
		padding-bottom: 4rem;
	}
	.padding-left {
		padding-left: 4rem;
		padding-top: 0rem;
		padding-right: 2rem;
		padding-bottom: 4rem;
	}
}

@media screen and (min-width:416px) {
	.mobile-only {
		display:none !important;
	}
	.desktop-only {
		display:block !important;
	}
	.intro-bg-overlay-mobile img {
		display: none;
	}
}

/* mobile */
@media only screen and (max-width: 415px) {
	.col-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.mobile-only {
		display:block !important;
	}
	.desktop-only {
		display:none !important;
	}

	.navbar-nav span {
		display: none;
	}
	.footer span {
		display: none;
	}
	.intro, .home-1 {
		padding: 1rem;
	}
	.intro h1 {
		letter-spacing: 2px;
		font-size: 2.20rem;
	}
	.intro h2 {
		font-size: 1.75rem;
	}
	.card {
		margin-bottom: 2rem;
	}
	.footer ul {
		display: block;
	}
	.footer p {
		margin: 1rem 1rem;
	}
	.padding-left {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.padding-right {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.footer {
		padding: 3rem 0rem 6rem 0rem;
	}
	.intro-bg-overlay img {
		display: none;
	}
	.intro-bg-overlay-mobile img {
		display: block;
		width: 100%;
		position: absolute;
	}
	.intro-1-img {
		margin-top: 10rem;
	}
	.intro-1 {
		padding: 0rem 2rem;
	}
	.intro, .home-1 {
		padding: 0;
	}
	.intro-2-img {
		margin-top: 0rem;
	}
	.home-1 {
		padding: 0rem 2rem;
	}
	.footer p {
		margin: 1rem 1rem;
		padding: 2rem;
	}
	.footer ul li {
		margin-top: 1rem;
	}
	.mobile-cta img {
		width: 2rem;
		height: 2rem;
		margin-left: 1rem;
	}
	.intro h1 {
		margin-top: 2rem;
	}
	.main-menu {
		padding-top: 1rem;
		padding-bottom: 2rem;
	}
	.page {
		padding: 2rem;
	}
	.services-content .col-reverse img {
		margin-top: 4rem;
	}
	.services-content, .contact-form {
		padding: 0rem 2rem;
	}
	.navbar-nav {
		margin-top: 1.5rem;
		padding-left: 1.5rem;
	}
	.navbar-nav li a {
		font-size: 1.75rem;
	}
	.navbar-brand img {
		width: 10rem;
		height: 5rem;
		position: absolute;
		top: -1rem;
		left: 1rem;
	}
}

/* iphone */
@media only screen and (max-width: 375px) {
	.mobile-cta {
		padding: 1rem 0rem 1.5rem 3.5rem;
	}
}

/* galaxy s5 */
@media only screen and (max-width: 360px) {
	.mobile-cta {
		padding: 1rem 3rem 1.5rem 3rem;
	}
}

/* iphone 5 */
@media only screen and (max-width: 320px) {
	.intro h1 {
		font-size: 2rem;
	}
	.mobile-cta {
		padding: 1rem 0rem 1.5rem 2rem;
	}
}