.contentContainer{width:100%;padding:0}#distanceSVG{margin:2.5%;width:90%;height:auto}#planetBarGraph{margin-left:2.5%;margin-right:2.5%}.horizSubMenuCont{background-color:#f3f3f3ee}.kcvsSliderPanel{background:linear-gradient(45deg,#ffffff6b,#000);color:#fff;margin:15.3px}li{text-align:left}main{overflow-x:hidden;overflow-y:auto}#planetArc{position:absolute;width:450px;height:450px;right:-225px;margin-top:13.5px}#planetArcG{fill:#3569da}#photonSVG{position:absolute;width:465px;height:auto;right:0}#planetImg{position:relative;height:100%;width:50%;margin-left:0;margin-right:50%}#planetImgDiv{position:absolute;height:325px;width:325px;margin-top:75px;right:-162.5px}.planetaryDataTable{background-color:#c7c7c7}#sectionA{grid-column:span 3}#sectionB{grid-column:span 3}#sectionC{grid-row:1/span 3;grid-column:4}#sectionE{position:relative}.rightSlider{grid-column:1/span 2}.leftSlider{grid-column:3/span 2}.simulationBackground{width:100%}.simulationContainer{background-image:url(../img/bkd.png);max-width:1000px}.simulationGrid{display:grid;grid-template-columns:repeat(4,250px);grid-template-rows:repeat(auto-fit,minmax(95px,1fr));margin:0;overflow-x:hidden;overflow-y:auto}#sectionC{overflow:hidden;position:relative}#simulationTitle{grid-column:1/span 3;color:#fff;font-size:2em;text-align:left;padding-left:30px;padding-top:20px}#distanceEnd,#distanceLine,#earthDistance,#jupiterDistance,#marsDistance,#mercuryDistance,#middleAxis,#saturnDistance,#venusDistance{stroke:#fff;stroke-width:2}#sunCircle{fill:#ff0}#distanceCircle{fill:red}#energyInBar,#energyOutBar{fill:#00bd00}.SVGTitle{font-size:1.3em}.SVGLabel{fill:#fff}.barGraphLabel{top:40%;left:33%;font-size:1.3em}#energyInLabel{top:45%;left:16%}#energyOutLabel{top:60%;left:49%}.albedo{stroke:#ff0;-webkit-transform:rotate(180deg);transform:rotate(180deg);offset-path:path('M-20,-30 L325,255 M311,270 L100,500');offset-distance:0;-webkit-animation:photonPath 3s linear 1;animation:photonPath 3s linear 1}.ghPhoton{stroke:#ff0;-webkit-transform:rotate(180deg);transform:rotate(180deg);offset-path:path('M0,-30 L335,190 M305,211 L265,238 M298,258 L325,275 M295,295 L270,312 M298,326.5  L400,380 ');offset-distance:0;-webkit-animation:ghPhotonPath 3s linear 1;animation:ghPhotonPath 3s linear 1}.tempPhoton1{stroke:red;-webkit-transform:rotate(180deg);transform:rotate(180deg);offset-path:path('M500,255 l-25,-234');offset-distance:70%;-webkit-animation:tempPhotonPath 1s linear 1;animation:tempPhotonPath 1s linear 1}.tempPhoton2{stroke:red;-webkit-transform:rotate(180deg);transform:rotate(180deg);offset-path:path('M500,255 l-173,-160');offset-distance:70%;-webkit-animation:tempPhotonPath 1s linear 1;animation:tempPhotonPath 1s linear 1}.tempPhoton3{stroke:red;-webkit-transform:rotate(180deg);transform:rotate(180deg);offset-path:path('M500,255 l-235,0');offset-distance:70%;-webkit-animation:tempPhotonPath 1s linear 1;animation:tempPhotonPath 1s linear 1}.tempPhoton4{stroke:red;-webkit-transform:rotate(180deg);transform:rotate(180deg);offset-path:path('M500,255 l-175,160');offset-distance:70%;-webkit-animation:tempPhotonPath 1s linear 1;animation:tempPhotonPath 1s linear 1}.tempPhoton5{stroke:red;-webkit-transform:rotate(180deg);transform:rotate(180deg);offset-path:path('M500,255 l-25,234');offset-distance:70%;-webkit-animation:tempPhotonPath 1s linear 1;animation:tempPhotonPath 1s linear 1}@-webkit-keyframes tempPhotonPath{from{offset-distance:75%}to{offset-distance:100%}}@keyframes tempPhotonPath{from{offset-distance:75%}to{offset-distance:100%}}@-webkit-keyframes photonPath{from{offset-distance:0}to{offset-distance:100%}}@keyframes photonPath{from{offset-distance:0}to{offset-distance:100%}}@-webkit-keyframes ghPhotonPath{0%{offset-distance:0}64%{stroke:#ff0}65%{stroke:red}100%{stroke:red;offset-distance:100%}}@keyframes ghPhotonPath{0%{offset-distance:0}64%{stroke:#ff0}65%{stroke:red}100%{stroke:red;offset-distance:100%}}@media screen and (max-width:970px){.simulationGrid{grid-template-rows:25vw 10vw 20vw 25vw repeat(4,80px) 10px;grid-template-columns:1fr;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#sectionC{grid-row:1/span 1;grid-column:1/span 1;-ms-flex-line-pack:center;align-content:center}#planetImgDiv{height:35vw;width:35vw;margin-top:32px;right:32.5vw;-webkit-transform:rotate(270deg);transform:rotate(270deg);top:-17.5vw}#planetArc{height:50vw;width:auto;top:-25vw;margin-top:32px;right:25vw;-webkit-transform:rotate(270deg);transform:rotate(270deg)}#photonSVG{right:.5vw;top:-49vw;height:98vw;margin-top:32px;width:auto;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rightSlider{grid-column:1/span 1}.leftSlider{grid-column:1/span 1}#sectionF{grid-row:6/span 1}.albedo{offset-path:path('M50,-30  L160,250 M150,275 L50,530')}.ghPhoton{-webkit-transform:rotate(180deg);transform:rotate(180deg);offset-path:path('M0,-30  L180,190 M155,201 L133,210 M148,227 L160,240 M145,260 L130,280 M148,286  L200,303');offset-distance:0;-webkit-animation:ghPhotonPath 3s linear 1;animation:ghPhotonPath 3s linear 1}#energyInLabel,#energyOutLabel,.SVGLabel,.barGraphLabel,.distanceEndLabel,.earthLabel,.jupiterLabel,.marsLabel,.mercuryLabel,.saturnLabel,.sunLabel,.venusLabel{font-size:2vw}.kcvsSliderPanel{margin:8.5px}#surfaceTempSliderPanel{margin-bottom:25px}#simulationTitle{font-size:7vw;padding-left:0;padding-top:0;text-align:center}.tempPhoton1{-webkit-transform:rotate(180deg);transform:rotate(180deg);offset-path:path('M250,250 l-25,-125');offset-distance:70%;-webkit-animation:tempPhotonPath 1s linear 1;animation:tempPhotonPath 1s linear 1}.tempPhoton2{-webkit-transform:rotate(180deg);transform:rotate(180deg);offset-path:path('M250,250 l-90,-90');offset-distance:70%;-webkit-animation:tempPhotonPath 1s linear 1;animation:tempPhotonPath 1s linear 1}.tempPhoton3{-webkit-transform:rotate(180deg);transform:rotate(180deg);offset-path:path('M250,250 l-125,0');offset-distance:70%;-webkit-animation:tempPhotonPath 1s linear 1;animation:tempPhotonPath 1s linear 1}.tempPhoton4{-webkit-transform:rotate(180deg);transform:rotate(180deg);offset-path:path('M250,250 l-85,85');offset-distance:70%;-webkit-animation:tempPhotonPath 1s linear 1;animation:tempPhotonPath 1s linear 1}.tempPhoton5{-webkit-transform:rotate(180deg);transform:rotate(180deg);offset-path:path('M250,250 l-25,120');offset-distance:70%;-webkit-animation:tempPhotonPath 1s linear 1;animation:tempPhotonPath 1s linear 1}@-webkit-keyframes ghPhotonPath{0%{offset-distance:0}69%{stroke:#ff0}70%{stroke:red}100%{stroke:red;offset-distance:100%}}@keyframes ghPhotonPath{0%{offset-distance:0}69%{stroke:#ff0}70%{stroke:red}100%{stroke:red;offset-distance:100%}}}