/* Blue Diamond Landing Responsive CSS */



/* tablets - landscape */

@media (max-width: 1024px) {

	

	/* global */

	

	.container {

		width: 960px;

	}

	

	/* header */

	

	header {

		height: 469px;

	}

	

	/* page elements */

	

	#content > .container > .inner {

		padding: 35px 0 10px;

	}

	.feature {

		margin: 0 0 0 30px;

	}

	#testimonials > .container > .inner > h4 + .testimonial {

		margin: 0 60px 0 0;

	}

	#contact {

	}

	#contact h5 {

		margin: 0 0 5px;

	}

	#contact tr td:first-child {

		padding: 0 60px 10px 0;

	}

	

	/* footer */

	

	footer ul {

		min-width: 175px;

	}

}



/* tablets - portrait */

@media (max-width: 960px) {

	

	/* global */

	

	.container {

		width: 768px;

	}

	

	/* header */

	

	header {

		height: 352px;

	}

	header > .container > .inner {

		margin: 0 10px;

	}

	#cta h1 {

		font-size: 32px;

		line-height: 1.25em;

	}

	#cta p {

		margin: 0 0 5px;

		line-height: 1.25em;

	}

	

	/* page elements */

	

	#logo_banner img {

		margin: 0 0 0 0px;

	}

	#content h3 {

		font-size: 20px;

	}

	#features > .container > .inner {

		margin: 0 10px;

	}

	.feature {

		width: 220px;

	}

	.feature:first-child {

		margin: 0 0 0 10px;

	}

	#testimonials {

		height: auto;

	}

	#testimonials > .container > .inner {

		margin: 0 10px;

		padding: 20px 0;

	}

	#testimonials h4 {

		margin: 0 0 10px;

	}

	.testimonial {

		float: none;

		width: 100%;

		margin: 0 auto 10px;

	}

	#contact {

		background: none;

	}

	#contact > .container > .inner {

		margin: 0 10px;

	}

	#contact tr td:first-child {

		padding: 0 20px 10px 0;

	}

	#contact tr td {

		width: 50%;

		padding: 0 0 10px;

	}

	#contact input {

		width: 100%;

	}

	

	/* footer */

	

	footer > .container > .inner {

		margin: 0 10px;

	}

	footer ul {

		min-width: 130px;

	}

}



/* smartphones - landscape */

@media (max-width: 768px) {

	

	/* global */

	

	.container {

		width: 480px;

	}

	

	/* header */

	

	header {

		height: 220px;

	}

	header > .container > .inner {

		padding: 5px 0;

	}

	#logo {

		width: 100px;

		height: auto;

	}

	#logo img {

		width: 100%;

		height: auto;

	}

	#contact_info p {

		margin: 0;

		font-size: 16px;

	}

	

	/* button */

	

	.button {

		font-size: 20px;

		line-height: 1.75em;

	}

	

	/* page elements */

	

	#cta h1 {

		font-size: 18px;

	}

	#cta p {

		margin: 0 0 10px;

		font-size: 12px;

	}

	#logo_banner {

		text-align: center;

	}

	#logo_banner > .container > .inner {

		margin: 0 10px;

	}

	#logo_banner img {

		width: 125px;

		height: auto;

		display: inline-block;

	}

	#content {

		overflow: hidden;

	}

	#content > .container > .inner {

		margin: 0 10px;

		padding: 10px 0;

	}

	#content p {

		font-size: 14px;

	}

	#features > .container > .inner {

		padding: 10px 0;

	}

	.feature {

		width: 31%;

		margin: 0 0 0 3.3%;

	}

	.feature:first-child {

		margin: 0;

	}

	.feature .feature_title {

		font-size: 18px;

		font-weight: 700;

	}

	.feature p {

		font-size: 14px;

	}

	#testimonials {

		overflow: hidden;

	}

	.testimonial {

		margin: 0 auto 10px;

	}

	#testimonials > .container > .inner > h4 + .testimonial {

		margin: 0 auto 10px;

	}

	#contact {

		overflow: hidden;

	}

	#contact h5 {

		font-size: 18px;

	}

	#contact td {

		font-size: 12px;

	}

	.captcha p {

		font-size: 12px;

		line-height: 1.25em;

	}

	

	/* footer */

	

	footer {

		overflow: hidden;

	}

	footer ul {

		min-width: 16%

	}

	footer ul li {

		font-size: 12px;

		line-height: 1.25em; 

	}

}



/* smartphones - portrait */

@media (max-width: 480px) {

	

	/* global */

	

	#wrapper {

		margin: 0 auto !important;

	}

	

	.container {

		width: 320px;

	}

	

	/* header */

	

	header {
		background: none;
		
		height: 147px;

	}

	#logo {

		width: 65px;
		display: none;

	}

	#contact_info {
	
		padding-bottom: 15px;	
	
	}
	
	#contact_info p span {
	
		display: none;	
	
	}
	
	#contact_info .button {
	
		margin-right: 42px;	

		font-size: 20px;

		line-height: 1.25em;		
	
	}	

	#cta h1 {

		font-size: 12px;
		
	  	text-align: center;

	}

	#cta p {

		margin-bottom: 10px;

	  	text-align: center;
		
	}

	.button {

		font-size: 22px;

		line-height: 1.25em;
		
		margin-left: 43px;		

	}

	#banner h2 {

		font-size: 14px;

	}

	#logo_banner {

		height: auto;

	}

	#logo_banner > .container > .inner {

		padding: 10px 0;

	}

	#logo_banner img {

		width: 30%;

		margin: 0 0 0 3%;

	}

	#content {

		height: auto;

	}
	
	#features {

		height: auto;

	}

	.feature {

		float: none;

		width: 100%;

		margin: 0 auto 10px;

	}

	#contact {

		height: auto;

	}

	#contact > .container > .inner {

		padding: 10px 0;

	}

	#contact h5 {

		font-size: 14px;

	}

	#contact tr td {

		width: 50%;

		padding: 0 0 5px;

	}

	#contact tr td:first-child {

		width: 50%;

		min-width: 50%;

		padding: 0 5px 5px 0;

	}

	#contact td .captcha {

		width: 100%;

	}

	#contact input[type="submit"] {

		width: 100%;

		padding: 0 5px;

		font-size: 14px;

		line-height: 30px;

	}

	

	/* footer */

	

	#push {

		height: 0;

	}

	footer {

		height: auto;

	}

	footer p {

		font-size: 14px;

	}

	footer ul {

		width: 50%;

		margin: 0 0 10px;

	}

	footer > .container > .inner > .line + ul {

		margin: 0 0 10px;

	}

}