/* 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; }

.form-group {
  margin: 0 0 .5em 0;
}

.section { margin-left: 2em; padding: .25em 0em .25em 1em; border-left: 2px solid #DDDDDD; }

label.control-label { padding-top: 0; }
.radio-inline label { margin-bottom: 0; }

/* 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.jpg') fixed center center;
		}
		.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.jpg') fixed center center;
		}
		.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.jpg') fixed center center;
	  }
	}

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