* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -160px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 160px; /* .push must be the same height as .footer */
}
	body { font-family: 'Fjalla One', sans-serif; overflow-x: hidden;}
	p {text-align: justify;}
	.salt { font-family: 'Rock Salt', cursive; }
	.sigmar { font-family: 'Sigmar One', cursive; }
	.ultra {font-family: 'Ultra', serif;}
	.sub-nav, .main-div, .subdivs1, .subdivs2, .subdivs3 { display: none; }
	.home-sub-nav, #home, #homesub, #teammembersub, #clientsub {display: inline;}
	#brandimg { width: 24px; }
	.home-jumbotron {  }
	.jumbotron, footer { margin-top: 15px; width: 100%; background-color: #2e2c7d; color: white }
	.padtop15 { padding-top: 15px; }
	.margin-auto { margin: auto; }

	
	form { margin: auto;  z-index: 12}
	#TMA {position: fixed; top:0; padding: 30px; z-index: 2; display: none; background-color: white; width: 0; height: 100%; }
	#application-return { }
	.form-group { margin-top: 20px margin-right: 20px; }
	.right-label { text-align: right; }
 label, input, select { margin-top: 6px }
 .footer { background-color: #333 }



@media screen and (min-width: 511px) {

#TMA { border: outset 10px #f9f9f9; background-color: rgba(150,150,150,1); border-radius: 25px; border-left: none; overflow-x: hidden;
	  background: rgba(150,150,150,1); /* For browsers that do not support gradients */
	  background: -webkit-linear-gradient(right, lightblue, #2e2c7d); /* For Safari 5.1 to 6.0 */
	  background: -o-linear-gradient(left, lightblue, #2e2c7d); /* For Opera 11.1 to 12.0 */
	  background: -moz-linear-gradient(left, lightblue, #2e2c7d); /* For Firefox 3.6 to 15 */
	  background: linear-gradient(to left, lightblue , #2e2c7d); /* Standard syntax */
		left: -50px; 
		height: 100%;
	} 
	.inner-border{ padding: 10px 10px 50px; border: inset 3px lightblue; background-color: white; border-radius: 25px; min-height: 500px; margin-bottom: 50px}

	#message-area { position: fixed; top: 30%; z-index: 10; display: none; }
}
.main-video, .news-video { display: none; position: fixed; top: 0; left: -25; z-index: 12; background-color: rgba(40,40,40,.7); padding: 5% 20%; margin: auto; width: 105%; height: 100%; overflow-x: hidden}

@media screen and (max-width: 510px) {
			body { overflow-x: hidden }
		.sub-nav li{ opacity: .6; }
		.home-master-nav { font-size: 1.4em; }
		
		#TMA {position: absolute; height: auto; padding-bottom: 50px;}

		#message-area { position: fixed; top: 0; width: 100%; height: 100%; z-index: 10; display: none;}

		.main-video, .news-video { padding: 10% 10px 10% 35px }
	}

		#message-overlay{ position: fixed; top: 25px; width: 400px; z-index: 12; color: black; background-color: white; padding: 10px 10px 30px; border-radius: 7px; }

		#uploadtips { padding: 0 30px 30px; margin: auto; text-align: justify; }
		.tile { max-width:100%; max-height:100%; padding: 5px; margin-bottom: 10px;}
		

.paddown {padding-bottom: 20px ; margin-bottom: 20px; min-height: 300px}
.pl7 { padding-left:7px}
.paddown iframe{height: 340px }
img, figure, iframe { max-width: 100% }
.nav-pills li{ opacity: .66 }
li.active { opacity: 1.0; }
.dropdown-menu {width: 320px; font-size: 1.2em; }
@media screen and (min-width: 991px) {
#uploadtips { font-size: 1.6em }
.event-img { width: 100%; max-width: 360px; }
 }