/* Tablets and Computers (<768px) */
@media screen and (min-width: 768px) {

}

/* Tablets and Phones (<992px) */
@media screen and (max-width: 992px) {


	#banner h1.homepage{
		font-size: 26px;
	}


	#call-to-action .contact-btn{
		text-align: center;
		margin-bottom: 20px
	}
	.banner-content{
		margin-top: 150px
	}


}

/* Phones (<768px) */
@media screen and (max-width: 768px) {

	.strong {
	    font-size: 14px;
	    line-height: 20px;
	}

	h1.main-header{
		font-size: 22px;
		text-align: center;
	}
	h2{
		font-size: 18px;
	}
	.banner-content{
		 margin-top: 120px;
	}
	#solutions .our-solution{
		text-align: center;
	}

	#banner h1.homepage{
		font-size: 20px;
		text-align: center
	}
	.internal-banner-content h1{
		font-size: 24px;
		text-align: center;
	}
	#banner p{
		font-size: 18px;
		text-align: center;
		line-height: 22px;
	}
	#main-logo{
		width:150px;
	}
	#intro{
		font-size: 18px;
	}
	#solutions .header{
		text-align: center;
	}
	#about .header{
		text-align: center;
	}
	#call-to-action .header{
		font-size: 20px;
		text-align: center;
	}
	#call-to-action .contact-btn{
		text-align: center;
		margin-bottom: 20px
	}
}

/* XS Phones (<350px) */
@media screen and (max-width: 350px) {

	.banner-content{
		margin-top: 100px
	}
	#banner p{
		font-size: 14px;
		text-align: center
	}
	#intro{
		font-size: 16px;
		line-height: 22px
	}
	#services .item{
	    width: 100%;
	    border-bottom: 1px solid #eaeaea;
	    padding-bottom: 20px
	}
	#call-to-action .header{
		font-size: 20px;
	}
	#solutions .header{
		text-align: center;
		font-size: 18px;
	}
	#about .header{
		text-align: center;
		font-size: 18px;
	}
	#call-to-action .header{
		font-size: 18px;
		text-align: center;
	}
	#services .header{
		font-size: 18px;
	}

	#services .icon img{
		width: 40px
	}
	#call-to-action p{
		text-align: center;
		font-size: 14px
	}

}
