/* PAGE */

	/* Page Structure */
		.page-content {
			font-size: 22px;
			font-size: 2.2rem;
			width: 63%;
			padding-right: 4%;
			border-right: 2px dotted #1b1b1b;
			float: left;
			margin-bottom: 110px;
		}

		.blog-categories-container {
			float: right;
			width: 29%;
		}


	/* Intro */

		.intro {
			font-size: 30px;
			font-size: 3rem;
			color: #000000;
			margin-bottom: 46px;
		}

	/* Contact Form */

		.name,
		.phone,
		.email, 
		.message {
			width: 47%;
			display: block;
			float: left;
		}

		.name {
			margin-right: 2%;
		}
		.email,
		.message {
			width: 98%
		}
		.message {
			resize: vertical;
		}

		input[type="text"]:focus,
		textarea:focus {
			box-shadow: 0 0 5px #fac214;
  		}

		.page-content ::-webkit-input-placeholder { /* WebKit browsers */
			color: #000000;
		}
		.page-content :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
			color: #000000;
			opacity: 1;
		}
		.page-content ::-moz-placeholder { /* Mozilla Firefox 19+ */
			color: #000000;
			opacity: 1;
		}
		.page-content :-ms-input-placeholder { /* Internet Explorer 10+ */
			color: #000000;
		}
	
	/* Blog Categories */
		
		
		.blog-categories-container h2 {
			font-size: 24px; /* Old Browsers */
			font-size: 2.4rem;
			margin-bottom: 45px;
		}

		.contact-telephone,
		.contact-address {
			padding-left: 75px;
			background-position: top left;
			background-repeat: no-repeat;
			padding-top: 16px;
		}

		.contact-telephone {background-image: url(../../../img/marketing/icon-call-us.png); padding-top: 8px; }
		.contact-address {background-image: url(../../../img/marketing/icon-write-to-us.png);}

		.contact-telephone h3,
		.contact-address h3 {
			color: #000000;
			text-transform: none;
			margin-bottom: 0.8em;
			font-weight: bold;
		}




/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/

	@media screen and (max-width: 768px) {

		.page-content,
		.blog-categories-container {
			float: none;
			width: 100%;
			margin-bottom: 60px;
		}

		.page-content {
			margin-bottom: 35px;
			padding-bottom: 35px;
			padding-right: 0;
			border-right: none;
			border-bottom: 2px dotted #1b1b1b;
		}

		.contact-telephone, .contact-address {
			background-position: top left;
			display: inline-block;
			vertical-align: top;
			margin-right: 10%;
			margin-bottom: 35px;
			padding-top: 0;
		}

		.blog-categories-container h2 {
			font-size: 24px;
			font-size: 2.4rem;
			margin-bottom: 35px;
		}

	}