/* Mobile & Base styles */
body {
	background: #111137;
	margin: 0px;
	color: #fff;
	width: inherit;
}

/* This is where development starts! */
.things {
	position: absolute;
	width: 100%;
	overflow-x: hidden;
	top: 0em;
	display: block;
	/*display: none;*/
	/*opacity: 0.5*/
}

.concept img {
	width: 6.25em;
	height: 6.25em;
	border: .0625em solid rgba(255, 0, 196, 0.5);
}

/* This is all for the concepts */
.concept {
  z-index: -1;
  position: absolute;
  width: 100%;
  overflow-x: hidden;
  display: block;
  /*display: none;*/
}
#home .concept {
	opacity: .55;
}
#about .concept {
	
}
#ourteam .concept {
	
}
#legacy .concept {
	
}
#faqs .concept {
	
}
#partners .concept {
	
}
#headernav .concept {
	
}
#footernav .concept {
	
}
.concept .t1, .concept .t2, .concept .d, .concept .dmax {
	display: none;
}
.concept .m {
	display: block;
}
.concept p {
	position: fixed;
	color: #fff;
	bottom: 0;
	right: 0;
	margin: 1em;
	padding: .5em 1em;
	background: rgba(115, 61, 110, 0.5);
	border: 1px solid #b809a7;
	border-radius: 2px;
	font-family: monospace;
	font-size: 1.35em;
}
.concept img {
	-webkit-user-select: none;
	width: 100%;
	height: auto;
}
/* Tablet @ 768+ */
@media screen and (min-width: 37.5em) { /* 600 Using device here will make this the starting point for styles beyond mobile! [For min-device-width the display is the device! (not the computer!)] */
	.concept .m, .concept .t2, .concept .d, .concept .dmax {
		display: none;
	}
	.concept .t1 {
		display: block;
	}
	.concept img.t1 { /* THIS NEEDS TO BE UPDATED - LIKELY WITH THE PANELS I HAD IN PLACE! (and backgrounds) Ss */
		width: 140vw;
    margin-left: -20%;
	}
}
/* Desktop @ 1024 (and Tablet Landscape!) */
@media screen and (min-width: 64em) { /* 1024 For min-device-width, the display is the device! (not the computer!) */
	.concept .m, .concept .t1, .concept .d, .concept .dmax {
		display: none;
	}
	.concept .t2 {
		display: block;
	}
	.concept img.t2 { /* THIS NEEDS TO BE UPDATED - LIKELY WITH THE PANELS I HAD IN PLACE! (and backgrounds) Ss */
		width: 140vw;
    margin-left: -20%;
	}
	
	/* iPad Pro! */
	/*
	@media screen and (max-device-width : 1366px) {
		img.t2 {
			width: 100%;
	    margin-left: 0;
		}
	}
	*/
	
}
/* Desktop @ 1280 (and BEYOND!!) */
@media screen and (min-width: 80em) { /* 1280 For min-device-width, the display is the device! (not the computer!) */
	.concept .m, .concept .t1, .concept .t2, .concept .dmax {
		display: none;
	}
	.concept .d {
		display: block;
	}
}
/* Desktop @ 2048 (and BEYOND!!) */
@media screen and (min-width: 128em) { /* 2048 For min-device-width, the display is the device! (not the computer!) */
	.concept .d {
		display: none;
	}
	.concept .dmax  {
		display: block;
	}
	.concept img.dmax {
		max-width: 2048px;
		margin: 0 auto;
	}
}