/* Call first on page to help loading (e.g hide elements until they've moved )*/

.mobileonly {
	display:none;
}
/* Tablets only */
@media (min-width : 598px) and (max-width : 1024px) {
    .notablet {
        display:none !important;
    }
}
/* Small Tablet + Mobile */
@media (max-width : 767px) {  
	html {
		background-color:#2a1f1b;
	}
	body {
		font-size:16px;
		line-height:1.5;
	}
	.mobileonly {
		display:block !important;
	}
	span.mobileonly {
		display:inline !important;
	}
    .nomobile {
        display:none !important;
    }
	h1 {
		font-size:32px;
	}
	h2 {
		font-size:25px;
	}
	h3 {
		font-size:21px;
	}
	h4 {
		font-size:18px;
	}
	h5 {
		font-size:18px;
	}
	input.button {
		-webkit-appearance:none;	
	}
	#header {
		height:auto;
	}
	.headerContainer {
		padding-bottom:0;
	}
	.logoIcon {
		display:none;
	}
	.navContainer {
		display:none;
	}
	.logo {
		width:50%;
	}
	.bodymid, .bodyleft, .bodyright {
		height:auto !important;
	}
	#footer {
		height:auto;
		background-size:cover;
		padding-bottom:20px;
	}
	.footerBottom {
		margin-left:0;
	}
	.slideWrapper .sidebar {
	  display: none;
	}
	#navPhotos .photoWrapper {
		height:130px;
	}
}


/* Stackable module */
.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }
/* RESPONSIVE EXAMPLE */
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }
@media (max-width: 767px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}
