/* STANDARD CSS HERE */

.hr-special {
	margin: 0px 0px .5em 0px;
}

/* END OF STANDARD CSS */

/* BEGINING OF MEDIA CSS */

	/* EXTRA LARGE DESKTOP */
	@media (min-width: 1100px){

	}

	/* SMALL PHONE */
	@media (max-width: 480px) {
  	.header-container {
	    background: url('../img/background-phone-small.jpg') center bottom no-repeat;
  	}
	}

	/* BIG PHONE */
	@media (min-width: 481px) and (max-width: 767px) {
  	.header-container {
    	background: url('../img/background-phone-big.jpg') center bottom no-repeat;
	  }
	}

	/* ALL PHONE VIEWS */
	@media (max-width: 767px) {
		.inline-phone { display: inline; }
	}

	/* TABLET */
	@media (min-width: 768px) and (max-width: 979px) {
		.header-container {
			background: url('../img/background-tablet.jpg') center bottom no-repeat;
		}
		.inline-phone { display: none; }
	}

	/* DESKTOP */
	@media (min-width: 980px) {
		body { 
			background: #E2E2E2 url('../img/background-desktop.jpg') fixed top center no-repeat;
		}
		.inline-phone { display: none; }
	}