#dash-container {
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 12.63% 7.15% 8.6% 5.86% 15.37% 6.32% 15.83% 28.23%;
  padding: padding: 4rem 0;
 	/* max-width: 1200px;
	/* max-height: 630px; 
	background-image: url(skins/background.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden; */
}

body {
	background-color: #d7d4db;
	background-image: url(https://www.propeterra.com/hubfs/Propeterra/splash%20images/launchpad.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
#sub-div2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.sub-content-t {
	min-width: 110px;
}
#sub-div4, #sub-div6 {
	display: grid;
	grid-template-rows: 1fr 1fr 1fr;
}
/* #sub-div5 {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
} */
/* .sub-content-mid {
	background-image: url(skins/second_center_3x.png);
	background-position: center center;
	background-repeat:no-repeat;
} */
#sub-div8 {
	display: grid;
	grid-template-columns: 12rem 1fr 1fr 12rem;
}
.sub-content-label {
	font-family: Myriad Pro Regular;
	font-size: 1rem;
	text-align: center;
	color:#ffffff;
}

/* [class*="sub-content-"] {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
} */

.sub-content-t, .sub-content-b, #sub-div5 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.sub-content-l, .sub-content-r {
  width: 192px !important;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}

.sub-content-l {
	justify-content: left;
	width: 12rem;
	margin-left:auto;
}
.sub-content-r {
	justify-content: left;
	width: 12rem;
	margin-right:auto;
}
.sub-content-r span {
	text-align: left;
}

.sub-content-r img {
	margin-left: auto;
}

.sub-content-l img {
	margin-right: 1rem;
}

.sub-content-animation { 
transition: all .2s ease-in-out;
}

.sub-content-animation:hover { 
	transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-webkit-transform: scale(1.1); 
	transform: scale(1.1); 
}

div.sub-content-mid img {
	object-fit: scale-down;
}

#consult-dash-div {
	grid-column: 2 / 2;
	grid-row: 1 / 2;
	margin-right: 30%;
	margin-left: auto;
}
#deal-dash-div {
	grid-column: 3 / 3;
	grid-row: 1 / 2;
	margin-right: auto;
	margin-left: 30%;
}
#arc-dash-div {
	grid-column: 1 / 1;
	grid-row: 2 / span 2;
}
#globe-dash-div {
	grid-column: 1 / 1;
	grid-row: 5 / 5;
}
#tell-dash-div {
	grid-column: 1 / 1;
	grid-row: 7 / 7;
}
#mid-dash-div {
	grid-column: 2 / span 2;
	grid-row: 2 / span 6;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	background-image: url('https://f.hubspotusercontent10.net/hubfs/3957518/launchpad-module/background_center.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
#heat-dash-div {
	grid-column: 4 / 4;
	grid-row: 2 / span 2;
}
#dash-dash-div {
	grid-column: 4 / 4;
	grid-row: 5 / 5;
}
#news-dash-div {
	grid-column: 4 / 4;
	grid-row: 7 / 7;
}
#bott1-dash-div{
	grid-column: 2 / 2;
	grid-row: 8 / 8;
	display: inline-flex;
	margin-right: 0;
	margin-left: auto;
}
#bott2-dash-div{
	grid-column: 3 / 3;
	grid-row: 8 / 8;
	display: inline-flex;
	margin-left: 0;
	margin-right: auto;
}
html { overflow-y: scroll !important; }
.sub-content-label {
	text-decoration: none !important;
}
@media only screen and (max-width: 950px) {
	#dash-container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(5, 1fr);
		grid-template-areas: 
			"head-div1 head-div2" 
			"left-div1 right-div1" 
			"left-div2 right-div2"
			"left-div3 right-div3"
			"bottom-div1  bottom-div1"
			"bottom-div2  bottom-div2";
    padding: 4rem 0;
	}
	#consult-dash-div {
		grid-area: head-div1;
	}
	#deal-dash-div {
		grid-area: head-div2;
	}
	#arc-dash-div {
		grid-area: left-div1;
	}
	#globe-dash-div {
		grid-area: left-div2;
	}
	#tell-dash-div {
		grid-area: left-div3;
	}
	#mid-dash-div {
		display: none;
	}
	#heat-dash-div {
		grid-area: right-div1;
	}
	#dash-dash-div {
		grid-area: right-div2;
	}
	#news-dash-div {
		grid-area: right-div3;
	}
	#bott1-dash-div{
		grid-area: bottom-div1;
	}
	#bott2-dash-div{
		grid-area: bottom-div2;
	}
	.sub-content-b {
		width: 192px;
	}
	[id*="-dash-div"] {
			/* display: none !important; */
			display: flex;
			margin: auto !important;
			justify-content: space-between;
	}
}