/* STANDARD CSS HERE */

h1, h2, h3, h4, h5, h6 { margin-bottom: .5em; }
.special-heading { padding-bottom: .25em; padding-left: .5em; background-color: #f1f1f1; border: 1px solid #DDDDDD; padding-top: .25em; color: #555555; }

.agency-name {
  	text-shadow: 1px 1px #FFFFFF;
	color: #000000;
  	font-size: 20px;
	font-weight: bold;
}

.content {
	background-color: transparent;
	background-image: url(../img/content-background.png);
}

.form-actions {
	background-color: rgba(245, 245, 245, .6);
}

/* END OF STANDARD CSS */

/* BEGINING OF MEDIA CSS */

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

	}


	/* DESKTOP */
	@media (min-width: 980px) {
    body {
      background: #E2E2E2 url('../img/background-desktop-alt.jpg') fixed top center no-repeat;
    }
		.visible-small { display: none; }
		.visible-big { display: inline; }
		.specialmenu {
      position: fixed;
			width: inherit;
			max-width: 250px;
    }
	}

	/* TABLET */
	@media (min-width: 768px) and (max-width: 979px) {
		.ba-specialmenu, .specialmenu {
			position: relative;
		}
		.header-container {
			background: url('../img/background-tablet-alt.jpg') center bottom no-repeat;
		}
		.visible-small { display: none }
		.visible-big { display: inline; }
	}

	/* ALL PHONE VIEWS */
	@media (max-width: 767px) {
		.ba-specialmenu, .specialmenu {
      position: relative;
    }
		.visible-small { display: inline }
		.visible-big { display: none; }
	}

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

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