Updated Weight difference show, and positioning of inputs

Offset only shows when it is needed. Inputs are now perfectly centered no matter the screen size.

css/appstyling-v2.css

@@ -95,6 +95,7 @@ p.subheading {
 
 .b-platevisual__container{
 	width: 80%;
+	min-height: 88px;
 	margin: 0;
   	position: absolute;
   	top: 50%;
@@ -110,6 +111,10 @@ p.subheading {
 
 }
 
+.b-platevisual__weightfinalcontainer{
+	min-height: 28px
+}
+
 .b-platevisual__weightfinal{
 	color: #48484A;
 	font-family: Roboto;
@@ -160,6 +165,9 @@ p.subheading {
 	vertical-align: middle;
 }
 
+.b-platevisual__weightdifferencecontainer{
+	min-height: 28px;
+}
 
 .b-platevisual__weightdifference{
 	display: none;
@@ -183,7 +191,31 @@ p.subheading {
 	background-color: #8C8E90;
 	border-bottom: 16px solid #FF6600;
 	box-sizing: border-box;
-	padding-top: 2%
+	-webkit-transform-style: preserve-3d;
+  	-moz-transform-style: preserve-3d;
+  	transform-style: preserve-3d;
+}
+
+.b-calulatorinputs__platerequirementscontainer{
+	position: relative;
+  	top: 50%;
+  	transform: translateY(-50%);
+}
+
+.b-calulatorinputs__inputcontainer--weight{
+	position: relative;
+  	top: 45%;
+  	transform: translateY(-50%);
+  	width: 100%;
+	color: #FCFCFC;
+	font-family: Roboto;
+	font-size: 10px;
+	font-weight: 500;
+	line-height: 14px;
+	letter-spacing: 1.5px;
+	height: auto;
+	overflow: visible;
+	text-align: center;
 }
 
 .b-calulatorinputs__inputcontainer{
@@ -197,7 +229,8 @@ p.subheading {
 	height: auto;
 	overflow: visible;
 	text-align: center;
-	padding-top: 2%
+	padding-top: 4px;
+
 }