/*body {
    background: url('/images/mars2020/mars2020bg1.jpg');
    background-size: 100% 100%;
    background-attachment: fixed;
}
*/.pageContent .themeDark div, .pageContent .themeDark li, .pageContent .themeDark span, .pageContent .section-about li {color:white;}
.section, .section p {
    /*font-size: 22px !important;*/
    font-family: 'Ubuntu', sans-serif;
    /*color: white;*/
}
.pageContent #Fast-Facts.themeDark div, .pageContent #Fast-Facts.themeDark li, .pageContent #Fast-Facts.themeDark span, .pageContent #Fast-Facts.section-about li { box-sizing:border-box;}
/*
@media only screen and (min-width : 1px) {.section, .section p{font-size:14px}}
@media only screen and (min-width : 320px) {.section, .section p{font-size:15px}}
@media only screen and (min-width : 480px){.section, .section p{font-size: 16px;}}
@media only screen and (min-width : 768px){.section, .section p{font-size: 18px;}}
@media only screen and (min-width : 1024px){.section, .section p{font-size: 20px;}}
@media only screen and (min-width : 1224px) {.section, .section p{font-size: 22px;}}
@media only screen and (min-width : 1824px) {.section, .section p{font-size: 26px;}}
*/
.section.bgWhite, .section.bgWhite p {
    font-family: "Ubuntu",sans-serif;
    /*color: navy;*/
}
.pageContent .textOrange a{
    color: #E04514;
}
.section {
    /*height: 680px;*/ 
}

.section .section-padding {
    padding: 0;
}

.bgMars2020Rover {
    background: url('/images/general/bg/sherloc-intro-background.png') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.bgMastcamZ {
    background: url('/images/mars2020/what-is-mastcamz-background.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.bgMeda {
    background: url('/images/mars2020/what-is-meda-background.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.bgMoxie {
    background: url('/images/mars2020/what-is-moxie-background.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.bgPixl {
    background: url('/images/mars2020/what-is-pixl-background.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.bgRimfax {
    background: url('/images/mars2020/what-is-rimfax-background.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.bgSupercam {
    background: url('/images/mars2020/what-is-supercam-background.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.section h1 {
    text-align: center; 
}

.minHeight80 {
	height: 80px;
}

.sectionInner.bgOrange {
    background: #f96c34; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjZjk2YzM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjZmU2MTFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #f96c34 23%, #fe611d 65%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(23%,#f96c34), color-stop(65%,#fe611d)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #f96c34 23%,#fe611d 65%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #f96c34 23%,#fe611d 65%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #f96c34 23%,#fe611d 65%); /* IE10+ */
background: radial-gradient(ellipse at center,  #f96c34 23%,#fe611d 65%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f96c34', endColorstr='#fe611d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.sub { 
    vertical-align: sub;
    font-size: smaller;
}

.investigator-photo {	
	position: absolute;
	/*height: 43%;
	width: 50%;
	top: 30%;
	left: 50%;*/
	height: 69%;
	width: 70%;
	top: 14%;
	left: 39%;
	background-repeat:no-repeat; background-position:center; background-size:cover;	
	border-radius: 50%;
	margin-left: -25%;
	overflow: hidden;
	z-index:1;
}
.section-about {
    box-shadow: 0px -15px 50px -10px rgba(8, 32, 60, 0.8);
}

.section-about .slide-inner{
    background-color: rgba(1, 57, 110, 1) !important;
}
/*#Fast-Facts.section-about .slide-inner{
    background-color:transparent !important;
}*/

.description {
    /*font-size: 30px; line-height: 40px;*/
}
.large-gear {
    position: relative;
    max-width: 100%; 
	z-index:2;
}
.gear-sherloc {} .investigator {
    height: 100%;
    max-height: 100%;
}
.investigator-name {
    color: rgb(255, 213, 83);
    line-height: 40px;
}
.investigator-title {
  color: #FFFFFF;
 /* font-size: 28px;*/
  margin-top: 10px;
}
.investigator-info {

  position: absolute;
  top: 106%;
  width: 140%;
  max-width: 80%;
  margin-left: 50%;
  left: -39%;
}

.pageContent .themeDark .investigator-location {
  color: #87d0fa;
  /*font-size: 24px;
  line-height: 27px;*/
  margin-top: 10px;
}

.pageContent .themeDark .investigator-department {
    color: #87d0fa;
    /*font-size: 24px;
    line-height: 27px;*/
    margin-top: 20px;
}

.gear-container {
  position: relative;
  width: 100%;
  left: -120px;
  /*top: -30px;*/ top: 0px;
}
.pi .gear-container {
  left: 0px;
}
@media screen and (max-width: 900px) {
	.gear-container {left: 0px;/*top: -120px;*/ top: -20px;/* top:-70px*/}
	.gear-container {width: 100%;margin-left:auto; margin-right:auto;}
		.pi .gear-container {width: 50%;margin-left:auto; }
}
@media screen and (max-width: 768px) {
	.gear-container {margin-left:-100px;}
}
@media screen and (max-width: 480px) {
	.gear-container { display:none;width: 50%;margin-left:-100px; margin-right:auto;}
		.pi .gear-container { display:block;width: 80%;margin-left:auto; }
}

#fast-facts-wrapper .left-decor {
    position: absolute;
    top: 5%;
    left: 0px;
}

.pageContentBox .section ul li {
	/*font-size: 22px;
  	line-height: 40px;*/ /*line-height:1.5em;*/
}
@media only screen and (min-width : 1px) {.pageContentBox #techSpecs ul li{line-height: 26px!important ;font-size: 14px;}}
@media only screen and (min-width : 320px) {.pageContentBox #techSpecs ul li{line-height: 30px!important ;font-size: 16px;}}
@media only screen and (min-width : 480px){.pageContentBox #techSpecs ul li{line-height: 34px !important ;font-size: 18px;}}
@media only screen and (min-width : 768px){.pageContentBox #techSpecs ul li{line-height: 36px !important ;font-size: 20px;}}
@media only screen and (min-width : 1024px){.pageContentBox #techSpecs ul li{line-height: 40px !important ;font-size: 22px;}}
@media only screen and (min-width : 1224px) {.pageContentBox #techSpecs ul li{line-height: 44px !important ;font-size: 24px;}}
@media only screen and (min-width : 1824px) {.pageContentBox #techSpecs ul li{line-height: 48px !important ;font-size: 26px;}}

.pageContentBox #Fast-Facts ul li{line-height: 1.5em !important;font-size: 1em;}

#new-and-improved ul li {
    line-height: 40px;
}

#new-and-improved .minHeight100 {
    min-height: 50px !important;
}

#organics.sectionInner.padded {
    padding-left: 12%;
    padding-right: 12%;
    box-sizing: border-box;
}

#organics .title {
    color: #ffd553;
}

.bgWhatIsSherloc {
    background: url('/images/mars2020/what-is-sherloc-background.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.bgDarkRed {
    background-color: #9a2100;
}
.pageContent .section.bgDarkRed h1,
.pageContent .section.bgBlue h1 {
    text-align: center;
    color: #FFD553;
}
.pageContent .section.bgDarkRed p,
.pageContent .section.bgBlue p {
    color: #ffffff;
}
.bg-questions {
    background: url('/images/mars2020/bg-questions.jpg') no-repeat;
    background-size: 100%;
}

#organics {
    overflow: initial;
}

#organics .title {}

.gp-question-mark {
   left: 0px;
    position: absolute;
    width: 100%; /*bottom: -7%*/
    z-index: 1;
}
@media only screen and (min-width : 1px) {.gp-question-mark  {bottom: 0%;}}
@media only screen and (min-width : 768px) {.gp-question-mark  {bottom: -7%;}}
.gp-question-mark {
   /* height: 50%;
    top: 57.5%;
    right: 0px;*/
}
/*.bgSherloc {
    background: url('/images/mars2020/bg-sherlock.png') no-repeat;
    background-size: 100%;
}
.bgBlue {
    background: url('/images/mars2020/bg-blue.jpg') no-repeat;
    background-size: 100% 100%;
}
.bgYellow,
.bgInstrumentHistory {
    background: url('/images/mars2020/bg-clock.png') no-repeat;
}
.bgRed {
    background: url('/images/mars2020/bg-what-kind-info.jpg') no-repeat;
    background-size: 100% 100%;
}*/
.section-override {
    max-height: 685px;
    min-height: 685px;
}
.five-things {
    display: inline-block;
    /*font-size: 60px;*/    
    color: white;
    text-align: center;
    /*width: 50%;min-height: 200px;*/
    vertical-align: top;    
}
@media only screen and (min-width : 1px) {.five-things  {width: 30%; margin-left:auto; margin-right:auto;}}
@media only screen and (min-width : 768px) {.five-things  {width: 50%;min-height: 200px;}}
.five-things .inner div {
    height: 70px;
    background: -webkit-linear-gradient(#ffffff, #ffcf5d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 2px;
    line-height: 62px;
    font-weight: bold;
}
.five-things .inner {
    position: relative;
}
.Fun-Facts .point-text {
    font-style: italic;
}
.Fun-Facts .grid .rowItem img {
    width: 90%;
}
.Fun-Facts .point-text p:first-child {
    margin-top:0px;
}
.Fun-Facts .grid .rowItem:first-child {
	padding-right: 60px; padding-bottom: 40px;
	box-sizing: border-box;
}
#funFacts .content {
   /* padding-bottom: 100px;*/
}
.funFacts .content {
    margin-top: 14%;
}
.section-more {
    /*display: inline-block;
    width: 40%;
    padding: 5px 20px;*/
    opacity: 0.85;
    color: white;
    font-family: OpenSans;
    /*line-height: 24px; font-size: 17px;*/
    
    color: white;
    font-style: italic;
}
@media only screen and (min-width : 1px) {.section-more  {width: 100%;padding: 20px;display: block;}}
@media only screen and (min-width : 768px) {.section-more  {width: 40%;padding: 5px 20px;display: inline-block;}}
.point-number {
position: absolute;
  left: -60px;
  font-weight: bold;
  font-size: 60px;
  padding-top: 17px;
  padding-right: 10px;
  height: 40px;
  /*background: -webkit-linear-gradient(#eee, #7C7C7C);*/
  /*background: url('/images/general/layout/borderBrushMetal.jpg') center center;*/
  background-size: 120px;
 /* -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}
 @media only screen and (max-width:799px) {
	.Fun-Facts .grid .rowItem:first-child {
	padding-right: 60px;padding-left: 60px;
	}
	.point-number {
  	left: -30px;
  	font-size: 40px;
	padding-top: 9px;
  	-webkit-text-fill-color: white;}
	.Fun-Facts .point-number {
  	left: -15px;
  	font-size: 20px;
	padding-top: 3px;
  	-webkit-text-fill-color: white;}
}
.bgOrange {
    background-color: #e74f01;
}
/* .section-more h5, .section-more h5 a { color: gold; font-family: Montserrat; font-size: 24px; font-weight: bold; letter-spacing: 4.44px; line-height: 30px; text-transform: uppercase; }*/

.sectionBanner .sectionInner {
    overflow: hidden;
}
.text-shadow {
    text-shadow: 2px 2px 4px rgba(150, 150, 150, 1);
}
#howdoes {
    padding-top: 6%;
}
#howdoes .section-more {
    margin-left: 9%;
}
#howdoes.meda .section-more {
    padding-left: 80px;
    width: 67%;
}
.section.howdoes.section-override,
.section.howdoes,
#howdoes {
    height: auto;
    min-height: initial;
}
#howdoes .title {
    text-align: center;
    color: #ffd553;
    /*font-size: 40px;*/
    text-shadow: rgb(39, 39, 39) 2px 2px 2px;
}
#howdoes .row .title {
    color: #FFFFFF;
    /*font-size: 24px;*/
}

.textShadow {
    /*text-shadow: rgb(39, 39, 39) 2px 2px 2px;*/
}

#howdoes .description {
    text-align: center;
    color: white;
    text-transform: uppercase;
    margin-top: 11px;
    position: relative;
    margin-bottom: 20px;
    padding: 30px;
}
#howdoes .row {
    margin-top: 35px;
    height: 50px;
    background-color: #007c97;
}
#howdoes .row div {
    display: inline-block;
}
#howdoes .graphic {
    position: absolute;
    right: 50px;
    top: 30px;
}
#howdoes .graphic img {
    position: absolute;
    top: -33px;
    width: 71px;
}
#howdoes .row .bar {
    width: 49%;
    background-color: #913100;
    height: 100%;
    position: relative;
}
#howdoes .number {
    font-size: 50px;
    margin-top: 1px;
    position: relative;
    top: 5px;
    font-weight: bold;
    margin-left: 40px;
    margin-right: 23px;
    color: white;
    font-style: italic;
}
#howdoes.sectionInner {
    padding-top: 100px;
    padding-bottom: 100px;
}
#whatkind {} #whatkind li {
    color: #FFFFFF;
    margin-top: 20px;
}
#whatkind h1 {
    color: #ffd553;
    margin-left: 10%;
    /*line-height: 60px;*/
}
#whatkind ul {
    list-style-type: none;
    display: inline-block;
    width: 50%;
    padding-left: 0px;
}
#whatkind li {
    padding-left: 50px;
}
#whatkind .didyouknow {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}
#whatkind .didyouknow img {
    max-width: 100%;
    background-color: white;
    border-radius: 15px;
    padding: 15px;
}
/*#howlong { padding-right: 10%; }*/

#howlong h1 {
    color: #FFFFFF;
    text-transform: none;
    text-shadow: 2px 2px 4px rgba(150, 150, 150, 1);
    margin-right: 46px;
    line-height: 60px;
}
#howlong h3 {
    color: #FFFFFF;
    text-transform: none;
    padding: 40px;
    max-width: 80%;
    display: inline-block;
    float: right;
}
#howlong .highlight-white {
    color: #FFFFFF;
}
#howlong .highlight-black {
    color: #000000;
}
#howlong .clock {
    bottom: 40px;
    position: absolute;
    left: 0px;
}
#howlong .text-block {
    margin-top: 4%;
}
.section .padding-content {
    padding-left: 10%;
    padding-right: 10%;
}
.section .spacer {
    height: 20px;
}
ul {
   /* list-style-type: none;*/
}
.section .dev-tag {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgb(9, 57, 97);
    color: white;
    padding: 5px;
}
/*{
    position: relative;
}*/
.info {
   /* position: absolute;*/
    width: 40%;
    margin-left: 4%;
    margin-top: 4%;
}

.title, .title h1 {
    color: white;
}

@media only screen and (max-width: 480px) {
    .info {
        /*width: 80%;*/
    }
}

.section.instrument-intro {font-family: Ubuntu;font-weight: normal;color:white;background-size: cover !important;background-image: url("/images/general/bg/Brown_1.jpg"); background-color:transparent;box-sizing: border-box;}
.section.instrument-intro, .pageContent .section.instrument-intro .content.fontAlien {font-family: Ubuntu !important; text-transform:none !important;font-weight: normal;color:white;}
/*.section.instrument-intro, .pageContent .section.instrument-intro span {font-family: Alienleague !important;text-transform: lowercase !important; color:#FFD553 !important; font-weight: normal;color:white;}*/
.section.instrument-intro .title h1 {font-family: Alienleague !important;text-transform: lowercase !important; color:#FFD553 !important; font-weight: normal;/*margin-top:30px;*/margin-top:0px;}
.section.instrument-intro .content {color:white; /*line-height:140%;*/line-height:140%;}
	@media only screen and (min-width : 1px) {.section.instrument-intro .content {font-size:14px;/*line-height:18px;*/}}
	@media only screen and (min-width : 320px) {.section.instrument-intro .content {font-size:16px;/*line-height:20px;*/}}
	@media only screen and (min-width : 480px){.section.instrument-intro .content {font-size:18px;/*line-height:23px;*/}}
	@media only screen and (min-width : 768px){.section.instrument-intro .content {font-size:20px;/*line-height:26px;*/}}
	@media only screen and (min-width : 1024px){.section.instrument-intro .content {font-size: 22px;/*line-height:28px;*/}}
	@media only screen and (min-width : 1224px) {.section.instrument-intro .content{font-size:24px;/*line-height:28px;*/}}
	@media only screen and (min-width : 1824px) {.section.instrument-intro .content {font-size:26px;/*line-height:36px;*/}}
.section.instrument-intro .sectionInner { background-color:transparent;}
@media screen and (min-width: 1px){
.section.instrument-intro{height:auto;padding:20px 4% 20px 4%;}
.section.instrument-intro .sectionInner{ display:block;position:relative;width:100%;height:100%;}
.section.instrument-intro .sectionInner .info{ display:block;position:relative;width:100%; text-align:center; padding-bottom:50px;}
.section.instrument-intro .sectionInner .info .content {color:white;text-shadow: rgb(0, 26, 82)  2px 2px 2px; text-align:left;  padding-right:15%; box-sizing:border-box;}
 @media only screen and (max-width:799px) {
	.section.instrument-intro .sectionInner .info .content {line-height:1.5em;}
}
.section.instrument-intro .sectionInner .module-tag-it{ display:block;position:relative;}
.section.instrument-intro .sectionInner .module-tag-it .image{ display:block;position:relative;margin-left:auto; margin-right:auto; width:90%;}
.section.instrument-intro .sectionInner .module-tag-it .image img{ margin-left:auto; margin-right:auto; min-width:250px; max-width:100%; width:100%;margin-bottom:70px;}
.section.instrument-intro .sectionInner .module-tag-it .image.tallImage img{ width:100%; float:none;}
}
@media screen and (min-width: 480px){
.section.instrument-intro .sectionInner .module-tag-it .image{ width:80%;}
}
@media screen and (min-width: 768px){
.section.instrument-intro .sectionInner .module-tag-it .image{ width:70%; max-width:700px;}
}
@media screen and (min-width: 1024px){
.section.instrument-intro{/*height: 92vh; height: 85vh;*/ height: -moz-calc(100vh - 150px); height: -webkit-calc(100vh - 150px); height: -o-calc(100vh - 150px); height: calc(100vh - 150px); display:table;}	
.section.instrument-intro .sectionInner{ display:table;}
.section.instrument-intro .sectionInner .info{ display:table-cell; position:relative; width:40%; vertical-align:top;}
.section.instrument-intro .sectionInner .info .content {text-align:left;padding-right:15%; box-sizing:border-box;}
.section.instrument-intro .sectionInner .module-tag-it{ display:table-cell; position:relative;  width:60%; /*vertical-align:middle;*/vertical-align:top; padding-top:9vh; box-sizing:border-box;}
.section.instrument-intro .sectionInner .module-tag-it .image{ width:100%;}
.section.instrument-intro .sectionInner .module-tag-it .image img{ margin-bottom:0px;}
.section.instrument-intro .sectionInner .module-tag-it .image.tallImage img{ width:60%; float:right;}
}

#techSpecs .overlap-gear {
  position: absolute;
  z-index: 1;
  width: 310px;
  top: -90px;
  left: 120px;
}
/*@media screen and (max-width: 480px) {
#techSpecs .overlap-gear {
    width: 210px;
    top: 20px;
    left: 40px;
}
.gear-container .title {left:100px;top:120px; font-size:24px;}
}*/


.pageContent .section.pageIntro h1 {
    font-family: 'Ubuntu', sans-serif; text-transform:none; letter-spacing:normal; font-weight:bold; }
@media screen and (min-width : 1px) {.pageContent .section.pageIntro h1 {font-size:22px}}
@media screen and (min-width : 320px) {.pageContent .section.pageIntro h1 {font-size:26px}}
@media screen and (min-width : 480px){.pageContent .section.pageIntro h1 {font-size:31px}}
@media screen and (min-width : 768px){.pageContent .section.pageIntro h1 {font-size:36px}}
@media screen and (min-width : 1024px){.pageContent .section.pageIntro h1 {font-size:41px}}
@media screen and (min-width : 1224px) {.pageContent .section.pageIntro h1 {font-size:46px}}
@media screen and (min-width : 1824px) {.pageContent .section.pageIntro h1 {font-size:54px}}
	
	
.pageContent #techSpecs h1, .pageContent #techSpecs h1 span,
.pageContent #techSpecs h2, .pageContent #techSpecs h2 span {
  color: #FFD553;
  text-shadow: rgb(39, 39, 39) 2px 2px 2px;
  /*font-size: 65px;*/
  font-family: 'Ubuntu', sans-serif; 
  font-weight: normal;
  letter-spacing: 8px;
  font-weight: bold;
  font-weight: 500;
  padding:0px;
}
/*@media only screen and (min-width : 1px) {#techSpecs h1 {margin-top:120px;}}
@media only screen and (min-width : 320px) {#techSpecs h1 {margin-top:120px;}}
@media only screen and (min-width : 480px){#techSpecs h1 {margin-top:120px;}}
@media only screen and (min-width : 768px){#techSpecs h1 {margin-top:100px;}}
@media only screen and (min-width : 1024px){#techSpecs h1 {margin-top:70px;}}
@media only screen and (min-width : 1224px) {#techSpecs h1 {margin-top:20px;}}
@media only screen and (min-width : 1824px) {#techSpecs h1 {margin-top:0px;}}*/
@media only screen and (min-width : 1px) {#techSpecs h1, #techSpecs h2 {margin-top:0px;}}
@media only screen and (min-width : 320px) {#techSpecs h1, #techSpecs h2 {margin-top:0px;}}
@media only screen and (min-width : 481px){#techSpecs h1, #techSpecs h2 {margin-top:150px;}}
@media only screen and (min-width : 768px){#techSpecs h1, #techSpecs h2 {margin-top:130px;}}
@media only screen and (min-width : 1024px){#techSpecs h1, #techSpecs h2 {margin-top:100px;}}
@media only screen and (min-width : 1224px) {#techSpecs h1, #techSpecs h2 {margin-top:50px;}}
@media only screen and (min-width : 1824px) {#techSpecs h1, #techSpecs h2 {margin-top:30px;}}
#techSpecs h1 span, .info h1 span {/*font-size: 65px;*/}
@media only screen and (min-width : 1px) {#techSpecs h1,#techSpecs h1 span,.info h1 span, #techSpecs h2,#techSpecs h2 span,.info h2 span{font-size:40px}}
@media only screen and (min-width : 320px) {#techSpecs h1,#techSpecs h1 span,.info h1 span, #techSpecs h2,#techSpecs h2 span,.info h2 span{font-size:45px}}
@media only screen and (min-width : 480px){#techSpecs h1,#techSpecs h1 span,.info h1 span, #techSpecs h2,#techSpecs h2 span,.info h2 span{font-size:50px}}
@media only screen and (min-width : 768px){#techSpecs h1,#techSpecs h1 span,.info h1 span, #techSpecs h2,#techSpecs h2 span,.info h2 span{font-size:55px}}
@media only screen and (min-width : 1024px){#techSpecs h1,#techSpecs h1 span,.info h1 span, #techSpecs h2,#techSpecs h2 span,.info h2 span{font-size:60px}}
@media only screen and (min-width : 1224px) {#techSpecs h1,#techSpecs h1 span,.info h1 span, #techSpecs h2,#techSpecs h2 span,.info h2 span{font-size:65px}}
@media only screen and (min-width : 1824px) {#techSpecs h1,#techSpecs h1 span,.info h1 span, #techSpecs h2,#techSpecs h2 span,.info h2 span{font-size:70px}}
#techSpecs ul,
#whatSherlocCollect ul {
    list-style-type: none;
    width: 70%;
    display: inline-block;
    /*font-size: 20px; line-height: 27px;*/    
    padding-left: 0; padding-right:5%; box-sizing:border-box;
}
@media only screen and (min-width : 1px) {
#techSpecs ul li  { display:block; width:100%;}
#techSpecs ul li .compact  { display:block; width:100%;}
#techSpecs ul li strong { display:block;}
#techSpecs ul li span { display:block;}
#techSpecs ul li span span { display:block; width:100%;}
	#techSpecs ul li strong{width:100%; text-align:left;} 
	#techSpecs ul li span{/*width:100%;*/}
}
@media only screen and (min-width : 768px) {
#techSpecs ul li  { display:table; width:100%;}
#techSpecs ul li .compact  { display:table; width:100%;}
#techSpecs ul li strong { display:table-cell;}
#techSpecs ul li span { display:table-cell;}
#techSpecs ul li span span { display:block; width:100%;}
	#techSpecs ul li strong{width:40%; text-align:left;} 
	#techSpecs ul li span{/*width:55%;*/}
}

#techSpecs ul li strong,
#whatSherlocCollect ul li strong {
    vertical-align: top;
    color: rgb(255, 213, 83);
    /*min-width: 200px;*/
    font-family: 'Ubuntu', sans-serif;
    /*font-size: 22px;*/
    /*display: inline-block;*/
   /* text-align: right;
    margin-right: 37px;*/
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 4px;
    /*max-width: 100px;*/
	padding-right:2%;
}
@media only screen and (min-width : 1px) {#techSpecs ul li strong, #whatSherlocCollect ul li strong  {font-size:14px;line-height:18px; text-align: left !important}}
@media only screen and (min-width : 320px) {#techSpecs ul li strong, #whatSherlocCollect ul li strong {font-size:16px;line-height:20px; text-align: left !important}}
@media only screen and (min-width : 480px){#techSpecs ul li strong, #whatSherlocCollect ul li strong {font-size:18px;line-height:23px; text-align: left !important}}
@media only screen and (min-width : 768px){#techSpecs ul li strong, #whatSherlocCollect ul li strong {font-size:20px;line-height:26px;/*width: calc(100% - 300px);*/}}
@media only screen and (min-width : 1024px){#techSpecs ul li strong, #whatSherlocCollect ul li strong {font-size: 22px;line-height:28px;/*width: calc(100% - 300px);*/}}
@media only screen and (min-width : 1224px) {#techSpecs ul li strong, #whatSherlocCollect ul li strong {font-size:24px;line-height:28px;/*width: calc(100% - 300px);*/}}
@media only screen and (min-width : 1824px) {#techSpecs ul li strong, #whatSherlocCollect ul li strong {font-size:26px;line-height:36px;/*width: calc(100% - 300px);*/}}
#techSpecs .pi {
    width: 29%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-top: 150px;
}
#techSpecs .pi .position {
    font-size: 90%;
    letter-spacing: -1px;
    font-weight: bold;
}
#techSpecs .pi .name {
    color: rgb(255, 213, 83);
    /*text-shadow: black 1px 1px 1px;
    font-size: 32px;*/
}
@media only screen and (min-width : 1px) {#techSpecs .pi .name{line-height: 20px;font-size: 15px;}}
@media only screen and (min-width : 320px) {#techSpecs .pi .name{line-height: 22px;font-size: 17px;}}
@media only screen and (min-width : 480px){#techSpecs .pi .name{line-height: 25px;font-size: 19px;}}
@media only screen and (min-width : 768px){#techSpecs .pi .name{line-height: 27px;font-size: 21px;}}
@media only screen and (min-width : 1024px){#techSpecs .pi .name{line-height: 31px;font-size: 24px;}}
@media only screen and (min-width : 1224px) {#techSpecs .pi .name{line-height: 35px;font-size: 28px;}}
@media only screen and (min-width : 1824px) {#techSpecs .pi .name{line-height: 40px;font-size: 32px;}}
#techSpecs ul li span {
    /*margin-top: -6px;*/
    /*width: calc(100% - 300px);*/
   /* display: inline-block;*/
    vertical-align: top;
    /*font-size: 22px;*/
}
#techSpecs ul li span span { font-weight:bold; width:100% !important;}
@media only screen and (min-width : 1px) {#techSpecs ul li span,#techSpecs ul li span span {font-size:14px;line-height:18px;}}
@media only screen and (min-width : 320px) {#techSpecs ul li span,#techSpecs ul li span span {font-size:16px;line-height:20px;}}
@media only screen and (min-width : 480px){#techSpecs ul li span,#techSpecs ul li span span {font-size:18px;line-height:23px;}}
@media only screen and (min-width : 768px){#techSpecs ul li span,#techSpecs ul li span span {font-size:20px;line-height:26px;/*width: calc(100% - 300px);*/}}
@media only screen and (min-width : 1024px){#techSpecs ul li span,#techSpecs ul li span span {font-size: 22px;line-height:28px;/*width: calc(100% - 300px);*/}}
@media only screen and (min-width : 1224px) {#techSpecs ul li span,#techSpecs ul li span span {font-size:24px;line-height:28px;/*width: calc(100% - 300px);*/}}
@media only screen and (min-width : 1824px) {#techSpecs ul li span,#techSpecs ul li span span {font-size:26px;line-height:36px;/*width: calc(100% - 300px);*/}}
#techSpecs ul li span span:nth-child(1) {padding-top:0px;} 
@media only screen and (min-width : 1px) {#techSpecs ul li span span {padding-top:10px;}}
@media only screen and (min-width : 320px) {#techSpecs ul li span span {padding-top:12px;}}
@media only screen and (min-width : 480px){#techSpecs ul li span span {padding-top:14px;}}
@media only screen and (min-width : 768px){#techSpecs ul li span span {padding-top:16px;}}
@media only screen and (min-width : 1024px){#techSpecs ul li span span {padding-top:18px;}}
@media only screen and (min-width : 1224px) {#techSpecs ul li span span {padding-top:20px;}}
@media only screen and (min-width : 1824px) {#techSpecs ul li span span {padding-top:22px;}}

#fastFacts {
    width: 100%;
    margin: 0 0 0 0px;
}

@media only screen and (max-width: 800px) {
    #fastFacts {
        width: 100%;
        margin: 0 0 0 150px;
        padding-top: 370px;
    }
}
#fastFacts h1 {
    padding-bottom: 0;
    color: #67aae4;
    text-align: center;
    font-style: italic;
    letter-spacing: 3px;
    text-shadow: rgb(39, 39, 39) 2px 2px 2px;
    position: relative;
  	top: -30px;
}
#Fast-Facts h1 {margin-top:80px; opacity:0; display:none;}
@media only screen and (min-width : 768px){#Fast-Facts h1 {margin-top:80px; opacity:0; display:block;}}
#fastFacts .heading {
    color: #ffd553;
}
#fastFacts h3 {
    padding: 0;
    text-transform: none;
    font-family: inherit;
    letter-spacing: 2px;
    text-align: left;
    color: white;
}
#fastFacts ul,
#whatSherlocCollect ul {
    /*font-size: 36px; line-height: normal;*/
    
    list-style-type: none;
}
/*#fastFacts ul li, #whatSherlocCollect ul li { padding: 25px 0; }*/

/*#fastFacts li span.fa-check {
    left: 40px;
}
li span.fa-check {
   padding-right: 10px;
   margin-left: -45px;
    text-shadow: black 1px 1px 20px;
    position: absolute;
    left: 50px;
    margin-top: 5px;
}*/
li span.option {
   width:60px; height:20px; margin-left: -45px;
   margin-top: 5px; padding-right:40px;
	/*background-image: url("/images/general/layout/slider-home-rotator/slider-layout.png");*/
background-repeat: no-repeat; background-position: 0px -143px; position:absolute;
}
#organics .section-more {
    padding: 25px;
}
/*#organics .section-more strong { display: inline-block; font-size: 2em;}*/

#organics .section-more span {
    display: inline-block;
    vertical-align: top;
    width: 80%;
    padding-left: 5%;
}
/*#organics .section-more h5, #organics .section-more h5 a { font-size: 36px; }*/

#organics {} #howSherlocWork ul li {
    padding: 25px 0;
}
#howSherlocWork ul.categoryColumns li strong {
    text-align: center;
    display: block;
    padding: 25px 0;
}
/*#whatSherlocCollect ul { display: block; margin: 40px auto; font-size: 24px; max-width: 900px; }*/

#whatSherlocCollect ul li {
    padding: 15px 0px;
    margin: 0;
    line-height: normal;
}
#whatSherlocCollect li span.fa-check-square-o {
    padding-right: 10px;
    margin-left: -45px;
}
.gp-sherlock {
    position: absolute;
}
.about {
    color: #cc3300;
    /*font-size: 30px;*/
}
/*.boldYellow { padding-bottom: 0; font-style: italic; letter-spacing: 3px; text-align: left; font-size: 40px; background: -webkit-linear-gradient(#ffffff, #ffcf5d); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }*/

.uppercase,
.info .title span {
    text-transform: uppercase;
}
.info .title h1 span {
    text-transform: lowercase !important;
}
@media screen and (min-width : 1px) {.info .title h1 span {font-size:35px; letter-spacing:-0.6px;}}
@media screen and (min-width : 320px) {.info .title h1 span {font-size:40px; letter-spacing:-0.7px;}}
@media screen and (min-width : 480px){.info .title h1 span {font-size:45px; letter-spacing:-0.8px;}}
@media screen and (min-width : 768px){.info .title h1 span {font-size:50px; letter-spacing:-0.9px;}}
@media screen and (min-width : 1024px){.info .title h1 span {font-size:55px; letter-spacing:-1px;}}
@media screen and (min-width : 1224px) {.info .title h1 span {font-size:60px; letter-spacing:-1.1px;}}
@media screen and (min-width : 1824px) {.info .title h1 span {font-size:70px; letter-spacing:-1.2px;}}
.module-mtabs {
    padding-bottom: 0px !important;
}
.module-mtabs .z-tabs-nav li {
    margin-top:0px;
}
.five-things .inner img {
    width: 100%;
    /*max-width: 400px;*/ max-width: 360px;
}
#heritage {
    color: white;
    padding-bottom: 100px;
}
#heritage .minHeight100 {
    min-height: 40px !important;
}
#heritage .grid .rowItem:nth-of-type(1):nth-last-of-type(2) {
  width: 33%;
  margin-left: 0;
  }
#heritage .rowItem img {
    width: 400px;
}
#heritage .about,
#new-and-improved .about {
    color: #fbc03b !important;
}
#heritage .graphic {
    position: relative;
}
#heritage .graphic img,
#story .graphic img,
#new-and-improved .graphic img {
    background-image: url('/images/general/layout/borderBrushMetal.jpg');
  padding: 4px;
  background-size: cover;
  margin-left: 0px;
  max-height: 210px;
  margin: 10px;
}
#techSpecs ul li {
    margin-top: 25px;
}
.section ul li {
    margin-top: 10px;
}
#heritage ul {
    color: white;
}
#new-and-improved {
    padding-bottom: 100px;
}
#new-and-improved .about {
    text-align: center;
    margin-bottom: 20px;
}
#new-and-improved .graphic {
    text-align: center;
}
#new-and-improved .graphic img {
    max-width: 50%;
}
.description .left,
.description .right {
    display: inline-block;
    width: 48%;
}
.description .left .inner,
.description .right .inner {
    padding: 20px;
}
.description .title,
.description .about {

    text-align: left;
}
.description .left img {
    max-width: 80%;
    position: relative;
}
.description .right .about {
    margin-bottom: 30px;
}
#story .title, #Instrument-Name-Story h1 {
    color: #FFC000;
    /*font-size: 40px; font-weight: bold;*/
}
#story {
    color: white;
    /*box-shadow: inset 0 25px 40px -20px rgba(0,0,0,0.5);*/
}
#story .description .right {
    color: white;
    vertical-align: top;
}
#story .description .right-content {
    padding-left: 40px;
    margin-top: 30px;
    /*font-size: 25px;  line-height: 32px;*/
    
    font-style: italic;
}
#story .description .left img {
  max-width: 41%;
  position: relative;
  position: absolute;
  bottom: 0px;
  width: 50%;
  left: 30px;
}
#story .description .about {
    color: #FFC000;
    font-style: normal;
}
#story .graphic img {
    margin: 20px;
    display: inline-block;
    max-width: 40%;
}
/* entire container, keeps perspective */

.flip-container {
    -webkit-perspective: 500px;
    /* Chrome, Safari, Opera */
    
    perspective: 500px;
}
/* flip the pane when hovered */

.flip-container:hover .flipper,
.flip-container.hover .flipper {
    transform: rotateY(180deg);
}
.flip-container,
.front,
.back {
    width: 100%;
    margin-left: 20px;
    margin-top: 10px;
}
/* flip speed goes here */

.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
    padding-right: 90px;
}
/* hide back of pane during swap */
/* 20160208, removing
.front,
.back {
    backface-visibility: hidden;
    top: 0;
    left: 0;
    background-color: white;
    border-radius: 20px;
} */
/* front pane, placed above back */

.front {
    z-index: 2;
    /* for firefox 31 */
    
    transform: rotateY(0deg);
}
/* back, initially hidden pane */

.back {
    transform: rotateY(180deg);
    position: absolute;
}
.back-inner {
    padding: 20px;
}
.point-text {
    position: relative;
    margin-bottom: 40px;
}
@media only screen and (min-width : 1px) {.point-text {margin-bottom: 16px;}}
@media only screen and (min-width : 320px) {.point-text {margin-bottom: 20px;}}
@media only screen and (min-width : 480px){.point-text {margin-bottom: 24px;}}
@media only screen and (min-width : 768px){.point-text {margin-bottom: 28px;}}
@media only screen and (min-width : 1024px){.point-text {margin-bottom: 32px;}}
@media only screen and (min-width : 1224px) {.point-text {margin-bottom: 36px;}}
@media only screen and (min-width : 1824px) {.point-text {margin-bottom: 40px;}}
.section {
    /*font-size: 25px; line-height: 37px;*/
}

.section-about h1 {
    color: #ffd553; position:relative; z-index:1;
}

.section-about p {
    color: white;
}

.section-about h3 {
    font-size: 22px;
}

.section-about .sectionInner{
    background-color: initial;
}

.section-about [slide] {
   /* height: 680px;*/
}

/*.section-about [slide='1'] .slide-inner > div,
.section-about [slide='2'] .slide-inner > div,
.section-about [slide='3'] .slide-inner > div,
.section-about [slide='4'] .slide-inner > div,
.section-about [slide='5'] .slide-inner > div,
.section-about [slide='6'] .slide-inner > div*/
.section-about, #Fast-Facts {  
    background: #01396e; /* Old browsers */
 IE9 SVG, needs conditional override of 'filter' to 'none' 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMTM5NmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGQ1NzliIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #01396e 0%, #0d579b 100%); 
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#01396e), color-stop(100%,#0d579b)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #01396e 0%,#0d579b 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #01396e 0%,#0d579b 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #01396e 0%,#0d579b 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #01396e 0%,#0d579b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01396e', endColorstr='#0d579b',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}
.pageContent .section.section-about h1{ color: #ffd553; }
.section-about .slide-inner {
	/*this is if we want panorama image to show up underneath: height:80%;*/ height:100%;
}

.bgImageRed2 {
      background-size: cover;
  background-image: url('/images/general/bg/Red_2.jpg') !important;
}

.gear-container .title{
    position: absolute;
    left: 204px;
    top: 56px;
    z-index: 2;
    font-family: Alienleague !important;
    text-transform: lowercase !important;
    font-size: 38px;
    font-weight: normal;
	padding-top:0px;
}

@media screen and (max-width: 400px) {
    #techSpecs ul li strong,
    #whatSherlocCollect ul li strong {
        display: block;
        text-align: left;
    }
    #techSpecs ul li span,
    #whatSherlocCollect ul li span {
        width: auto;
    }
    #techSpecs ul li span,
    #whatSherlocCollect ul li span {
        margin-top: 0px;
    }
    #techSpecs ul,
    #whatSherlocCollect ul {
        padding: 10px;
    }
    .section-more {
        display: block;
        width: 70%;
        margin-left: 60px;
    }
    .five-things {
        display: block;
        margin-left: 20px;
    }
    #techSpecs ul,
    #techSpecs .pi {} #howdoes.rimfax .section-more {
        width: 80% !important;
    }
    #howdoes .row .bar {
        width: 100%;
    }
    #howdoes .row {
        padding-right: 30px;
    }
    #whatkind .didyouknow {
        width: 100%;
    }
    #whatkind ul {
        width: 100%;
    }
    #howlong {
        text-align: center;
    }
    #howlong h3 {
        max-width: 100%;
    }
    .description .left,
    .description .right {
        display: block;
        width: 100%;
    }
}
#Quote .sectionInner {
box-shadow: inset 0px 0px 50px -2px #000000;
-webkit-box-shadow: inset 0px 0px 50px -2px #000000;
-moz-box-shadow: inset 0px 0px 50px -2px #000000;
-o-box-shadow: inset 0px 0px 50px -2px #000000;}
.quote {    /*font-size: 2em;    line-height: 70px;*/ line-height:normal;font-style:italic;}
@media only screen and (min-width : 1px) {.quote{font-size:26px}}
@media only screen and (min-width : 320px) {.quote{font-size:28px}}
@media only screen and (min-width : 480px){.quote{font-size:30px}}
@media only screen and (min-width : 768px){.quote{font-size:34px}}
@media only screen and (min-width : 1024px){.quote{font-size:38px}}
@media only screen and (min-width : 1224px) {.quote{font-size:42px}}
@media only screen and (min-width : 1500px) {.quote{font-size:45px}}
@media only screen and (min-width : 1824px) {.quote{font-size:48px}}
#Quote .author { line-height: normal;}
@media only screen and (min-width : 1px) {#Quote .author{font-size: 22px; margin-top: 17px;}}
@media only screen and (min-width : 320px) {#Quote .author{font-size: 24px; margin-top: 19px;}}
@media only screen and (min-width : 480px){#Quote .author{font-size: 26px; margin-top: 21px;}}
@media only screen and (min-width : 768px){#Quote .author{font-size: 29px; margin-top: 24px;}}
@media only screen and (min-width : 1024px){#Quote .author{font-size: 32px; margin-top: 27px;}}
@media only screen and (min-width : 1224px) {#Quote .author{font-size: 35px; margin-top: 30px;}}
@media only screen and (min-width : 1500px) {#Quote .author{font-size: 38px; margin-top: 33px;}}
@media only screen and (min-width : 1824px) {#Quote .author{font-size: 41px; margin-top: 36px;}}
.slideshow-container .sectionInner {
    box-shadow: initial;
}

.bgImageRocks1 .sectionInner {background-color:rgba(109, 48, 7, 0.7) !important;}
.Did-You-Know h1 {color:#ffd553 !important;}
.slideshow-container h1 {
    text-shadow: rgb(39, 39, 39) 2px 2px 2px;
    text-align: center;
    color: #ffd553;
    font-size: 42px;
    padding-top: 140px;
	position:relative; z-index:1;
}
@media only screen and (min-width : 1px) {.slideshow-container h1 {font-size:26px;}}
@media only screen and (min-width : 320px) {.slideshow-container h1 {font-size:30px;}}
@media only screen and (min-width : 480px){.slideshow-container h1 {font-size: 34px;}}
@media only screen and (min-width : 768px){.slideshow-container h1 {font-size: 38px;}}
@media only screen and (min-width : 1024px){.slideshow-container h1 {font-size: 42px;}}
@media only screen and (min-width : 1224px) {.slideshow-container h1 {font-size: 46px;}}
@media only screen and (min-width : 1824px) {.slideshow-container h1 {font-size: 52px;}}

.slideshow-container li {
    font-size: 22px;
    font-weight: normal;
    font-family: ubuntu;
}
#Fast-Facts .slideshow-container li {
    font-size: 1em;
}
@media screen and (max-width: 1100px) {
    #techSpecs .pi .position {
        font-size: 75%;
    }
}
@media screen and (max-width: 900px) {
    #techSpecs {
        /*background: url('/images/mars2020/instruments/signelCog_bgTechSpecs_blue.png') no-repeat center bottom -420px; background-size: contain;*/
    }
    #techSpecs ul,
    #techSpecs .pi {
        width: 100%;
		display:block;
    }
    #techSpecs .pi .position {
        font-size: 90%;
    }
}

@media only screen and (min-width : 1px) {
.section.bgTechSpecs {
   background: #266AA4;
}
	}
@media only screen and (min-width : 768px) {
.section.bgTechSpecs {
  background: #3399cc;
  background: -moz-radial-gradient(center, ellipse cover, rgba(51, 153, 204, 0.85) 13%, #1e5799 100%), url('/images/general/bg/bgTechSpecs.jpg');
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(13%, rgba(51, 153, 204, 0.85)), color-stop(100%, #1e5799)), url('/images/general/bg/bgTechSpecs.jpg');
  background: -webkit-radial-gradient(center, ellipse cover, rgba(51, 153, 204, 0.85) 13%, #1e5799 100%), url('/images/general/bg/bgTechSpecs.jpg');
  background: -o-radial-gradient(center, ellipse cover, rgba(51, 153, 204, 0.85) 13%, #1e5799 100%), url('/images/general/bg/bgTechSpecs.jpg');
  background: -ms-radial-gradient(center, ellipse cover, rgba(51, 153, 204, 0.85) 13%, #1e5799 100%), url('/images/general/bg/bgTechSpecs.jpg');
  background: radial-gradient(ellipse at center, rgba(51, 153, 204, 0.85) -180%, #1E5799 100%), url('/images/general/bg/bgTechSpecs.jpg');
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399cc', endColorstr='#1e5799', GradientType=1 );
  background-size: cover !important;
  background-attachment: fixed;
}
	}

.slide-content {position: relative;	height:100%; display:table;}
@media only screen and (min-width : 1px){.slide-content { display:block;}}
@media only screen and (min-width : 768px){.slide-content {display:table;}}

@media only screen and (min-width : 1px){.slide-content .col { display:block; height:auto;}}
@media only screen and (min-width : 768px){.slide-content .col { display:table-cell; height:100%;}}
@media only screen and (min-width : 1px){.mars-fast-facts .col.left { width:100%; vertical-align:top; /*text-align:center*/}}
@media only screen and (min-width : 768px){
	.mars-fast-facts .col.left { width:30%; vertical-align:top; text-align:left}
	.mars-fast-facts.text-only .col.left { width:5%; vertical-align:top; text-align:left}
}
@media only screen and (min-width : 1px){.mars-fast-facts .col.middle { width:100%; vertical-align:top;}}
@media only screen and (min-width : 768px){
	.mars-fast-facts .col.middle { width:40%; vertical-align:middle;}
	.mars-fast-facts.text-only .col.middle { /*width:90%;*/ vertical-align:middle;}
}
@media only screen and (min-width : 1px){.mars-fast-facts .col.right { width:100%; vertical-align:top; text-align:center}}
@media only screen and (min-width : 768px){
	.mars-fast-facts .col.right { width:30%; vertical-align:bottom; text-align:right}
	.mars-fast-facts.text-only .col.right { width:5%; vertical-align:bottom; text-align:right}
}

.mars-fast-facts .slideshow-container img.slideshow-stamp{
    max-width: 280px; /*min-width:120px;*/
    /*width: initial;*/ /*width:12%;*/
    /*position: absolute;*/ position: relative;
    /*top: 108px;    left: 30px;*/
    z-index: 2;
}
/*@media only screen and (min-width : 1px) {.slideshow-container img.slideshow-stamp{top: 20px; min-width:120px; width:40%;}}
@media only screen and (min-width : 768px){.slideshow-container img.slideshow-stamp {top: 108px; left: 30px; min-width:120px; width:100%;}}
@media only screen and (min-width : 1024px){.slideshow-container img.slideshow-stamp{top: 108px; left: 30px; min-width:120px; width:100%;}}*/
#Fast-Facts .slideshow-container img.slideshow-stamp {/*top: 0px; left: 0px;*/ top: 36px; left: 44px; margin-bottom:20px;min-width:120px; width:120px; height:88px; text-align:left;}
@media only screen and (min-width : 768px){#Fast-Facts .slideshow-container img.slideshow-stamp { top: 20px; left: 70px;  margin-bottom:10px;}}

.slide-text.wide-text {
    padding: 20px 92px 20px 73px;
}

.slide-text .grid .rowItem{
    vertical-align: top;
}
.slideshow-container .left-decor {
    /*max-width: 124px;
    width: initial;*/
    position: absolute;
    /*top: 53px;*/ top:10%; height:90%;
    left: 0px;
    z-index: 1;
}
#Fast-Facts .slideshow-container .left-decor {
    top:10vh; height:90vh;
}
@media only screen and (min-width : 1px) {.slideshow-container .left-decor{ display:none;}}
@media only screen and (min-width : 768px){.slideshow-container .left-decor {display:block;}}
.slide .pagination.fast-facts {
    position: absolute;
    /*top: 575px;*/ bottom:13%;
    left: 8px;
    z-index: 2;
	color:white;
}
.slide .pagination {
    position: absolute;
    bottom: 58px;
    left: 4px;
    z-index: 1;
	color:white;
}
.slide .rover-head {max-width: 300px;/* min-width:200px; width:22%;*/ /*position: absolute; right: 2%;*/  /*bottom: -24px;*/}
@media only screen and (min-width : 1px){.slide .rover-head  {min-width:50px; /*width:22%; bottom: -4px;}*/ width:100%;}}
@media only screen and (min-width : 480px){.slide .rover-head {min-width:100px; /*width:22%; bottom: -10px;}*/}}
@media only screen and (min-width : 768px){.slide .rover-head {min-width:200px; width:22%; /*bottom: -24px;}*/}}
.z-tabs > .z-container {
    background: initial;
}

.z-tabs {
    background: initial !important;
}

.z-tabs.silver > ul, .z-tabs.silver > ul > li > a, .z-tabs.silver > .z-container {
  font-size: 22px !important;
  font-family: ubuntu;
}

.z-tabs.vertical.z-shadows > ul, .z-tabs.vertical.z-shadows > .z-container {
      box-shadow: initial !important;
} 

.module-mtabs p img {
     max-height: 400px;
     max-width: 100%;
}
.z-tabs-nav .z-tabs-mobile {display:none;}
.z-tabs-nav .z-tabs-desktop {display:block; position:relative;}

.slide img.clock-graphic { 
  /*max-width: 50%;
  position: absolute;
  right: 2%;
  bottom: 0px;*/
-moz-opacity: 0.50;
-khtml-opacity: 0.50;
opacity: 0.50;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter:alpha(opacity=50); 
}
@media only screen and (min-width : 1px){.slide img.clock-graphic  {width:300px;max-width:300px;}}
@media only screen and (min-width : 768px){.slide img.clock-graphic {width:100%;max-width:100%;}}
.slide-text img{
    max-width: 50%;
}

.decor-opacity {
-moz-opacity: 0.50;
-khtml-opacity: 0.50;
opacity: 0.50;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter:alpha(opacity=50);
}

.chain-decor {
position: absolute;
  left: 40px;
  height: 100%;
  width: 40px;
  background: url('/images/mars2020/chain-vertical-decor.png') repeat-y;
}
@media only screen and (min-width : 1px) {.chain-decor { background-size:20%;}}
@media only screen and (min-width : 480px){.chain-decor { background-size:30%;}}
@media only screen and (min-width : 768px){.chain-decor { background-size:50%;}}
@media only screen and (min-width : 1224px){.chain-decor { background-size:70%;}}
@media only screen and (min-width : 1824px){.chain-decor { background-size:100%;}}
#story .description {
      /*padding: 0px 80px; line-height:1.5em;*/
}
#organics .description { z-index:2; position:relative; } 
@media only screen and (min-width : 1px) {#organics .description {margin-left:0%;margin-right:0%;}}
@media only screen and (min-width : 768px) {#organics .description {margin-left:10%;margin-right:10%;}}
@media only screen and (min-width : 1px) {#organics .description p:nth-child(3), #organics .description p:nth-child(4) {margin-right:0%;}}
@media only screen and (min-width : 768px) {#organics .description p:nth-child(3), #organics .description p:nth-child(4) {margin-right:40%;}}
#organics .description, #organics .description p {/*font-size:24px;line-height:1.5em;*/ color: white; }
@media only screen and (min-width : 1px) {#organics .description, #organics .description p {line-height: normal !important ;font-size: 14px;}}
@media only screen and (min-width : 320px) {#organics .description, #organics .description p {line-height: normal !important ;font-size: 16px;}}
@media only screen and (min-width : 480px){#organics .description, #organics .description p {line-height: 27px !important ;font-size: 18px;}}
@media only screen and (min-width : 768px){#organics .description, #organics .description p {line-height: 36px !important ;font-size: 20px;}}
@media only screen and (min-width : 1024px){#organics .description, #organics .description p {line-height: 40px !important ;font-size: 22px;}}
@media only screen and (min-width : 1224px) {#organics .description, #organics .description p {line-height: 44px !important ;font-size: 24px;}}
@media only screen and (min-width : 1824px) {#organics .description, #organics .description p {line-height: 48px !important ;font-size: 26px;}}

.spacer-250 {
    height: 200px;
}

.spacer-250 .title {
      position: absolute;
  left: 50%;
  margin-left: -60px;
  top: 40%;
}



/*these came from modulecommoninstrument.cfm; they might need to go to some general css file- start */	
	.sample-content {
	    padding: 40px;
	    position: relative;
	    z-index: 3;
	    height: 50%;
        font-size: 22px;
	}

	.slide {
	   /* position: absolute;*/
	    width: 100%;
	    height: 100%;
	}

	.slide img {
	    /*max-width: 100%;*/
	    /*width: 100%;*/
	}

	.slide.hide-slide {
	    left: 0px;
	}
/*
	.banner {
	    position: absolute;
	    width: 500px;
	    height: 80px;
	    background: white;
	    right: -500px;
	    bottom: 50px;
	    z-index: 2;
	    opacity: .6;
	}

	.banner .title {
	    font-size: 40px;
	    color: black;
	    text-align: center;
	    line-height: 80px;
	}
*/
    .slideshow-footer {
        /*max-width: 1440px;*/
        margin: 0px auto;
       /* height: 100%;*/
	   	/*this is if we want panorama image to show up underneath: height:20%;*/  height: 0%;
    }

	.rover-popup {
	    position: absolute;
	    width: 500px;
	    height: 80px;
	    bottom: -80px;
	    z-index: 2;
	    opacity: .6;
	    right: -150px;
	}

	.rover-popup .title {
	    font-size: 40px;
	    color: black;
	    text-align: center;
	    line-height: 80px;
	    /* font-weight: bold; */
	}

	.parallax-window {
	    min-height: 400px;
	    background: transparent;
	    position: absolute;
	}

	iframe {
	    border: 0;
	    height: 100%;
	}

	#header.demo , #footer.demo {
	    background: url('../images/mars-2.jpg');
	    color: white;
	    text-align: center;
	}

/*	.slideshow-container {
	    position: relative;
	    width: 100%;
	}*/

	#preloader {
	    position: fixed;
	    z-index: 5;
	    opacity: 1;
	    width: 100%;
	    height: 100%;
	    background-color: #000000;
	}

    .slide-inner {
        /*max-width: 1440px;*/
        margin: 0px auto;
        height: 100%;
    }  
	.slide-inner.vCentered {margin:0px; width:100%;}/*don't remove that*/

    .slide-inner > div {

    }

    [deeplink="what-is-rimfax"] {
        max-width: 1440px;
        margin: 0px;
    } 

    .sectionInnerContent {
        padding: 40px 120px 0px 120px;
    }

    .headerPadding {
        padding-top: 80px;
    }

    .slide-text {
        /*padding: 20px 371px 20px 230px;*/ 
        /*font-size: 22px;*/
        color: white !important;
		line-height:1.5em; z-index:2; position:relative;
    }
@media only screen and (min-width : 1px) {.section .slide-text {font-size:14px;/*padding: 0px 20px 0px 100px;*/}}
@media only screen and (min-width : 320px) {.section .slide-text {font-size:16px;}}
@media only screen and (min-width : 480px){.section .slide-text {font-size: 18px;}}
@media only screen and (min-width : 768px){.section .slide-text {font-size: 20px;/*padding: 0px 20px 0px 120px;*/}}
@media only screen and (min-width : 1024px){.section .slide-text {font-size: 22px;/*padding: 0px 20px 0px 140px;*/}}
@media only screen and (min-width : 1224px) {.section .slide-text {font-size: 24px;/*padding: 0px 20px 0px 160px;*/ max-width:1440px; /*margin-left:auto; margin-right:auto;*/}}
@media only screen and (min-width : 1824px) {.section .slide-text {font-size: 27px;}}

@media only screen and (min-width : 1px) {.section .slide-text.small-text, .section .slide-text.small-text p {font-size:10px; line-height:normal;}}
@media only screen and (min-width : 320px) {.section .slide-text.small-text, .section .slide-text.small-text p {font-size:12px;}}
@media only screen and (min-width : 480px){.section .slide-text.small-text, .section .slide-text.small-text p {font-size: 14px;}}
@media only screen and (min-width : 768px){.section .slide-text.small-text, .section .slide-text.small-text p {font-size: 16px;}}
@media only screen and (min-width : 1024px){.section .slide-text.small-text, .section .slide-text.small-text p {font-size: 18px;}}
@media only screen and (min-width : 1224px) {.section .slide-text.small-text, .section .slide-text.small-text p {font-size: 20px; max-width:1440px; margin-left:auto; margin-right:auto;}}
@media only screen and (min-width : 1824px) {.section .slide-text.small-text, .section .slide-text.small-text p {font-size: 23px;}}

    /*.slide-text.right-image {padding: 20px 71px 20px 100px;}*/
@media only screen and (min-width : 1px){.slide-text.right-image, .slide-text.small-text {padding: 0px 10px 20px 10px;}}
@media only screen and (min-width : 480px){.slide-text.right-image, .slide-text.small-text {padding: 0px 5% 20px 5%;}}
@media only screen and (min-width : 768px){.slide-text.right-image, .slide-text.small-text {padding: 0px 5%px 20px 5%;}}
@media only screen and (min-width : 1024px){.slide-text.right-image, .slide-text.small-text {padding: 0px 5%px 20px 5%;}}
@media only screen and (min-width : 1224px) {.slide-text.right-image, .slide-text.small-text {padding: 0px 71px 20px 71px;}}

@media only screen and (min-width : 1px){.slide-text.right-image img {float:none; margin-left:0%; margin-bottom:20px; margin-right:auto;width:100%; max-width:100%;}}
@media only screen and (min-width : 480px){.slide-text.right-image img {}}
@media only screen and (min-width : 768px){.slide-text.right-image img {float:right;margin-left:40px;width:60%;}}
@media only screen and (min-width : 1224px) {.slide-text.right-image img {float:right;margin-left:40px;}}


	
/*@media only screen and (min-width : 1px) {.slide-content.with-rover-head{display:block;}}
@media only screen and (min-width : 1024px){.slide-content.with-rover-head {display:table; width:100%;}}

@media only screen and (min-width : 1px){.slide-content.with-rover-head .vCenteredInner {width:60%;float:right;margin-top:-100px;}}
@media only screen and (min-width : 480px){.slide-content.with-rover-head .vCenteredInner {width:80%;float:right;margin-top:-100px;}}
@media only screen and (min-width : 768px){.slide-content.with-rover-head .vCenteredInner {width:100%;float:none;margin-top:0px;}}
*/
@media only screen and (min-width : 1px) {.slide-content.with-rover-head .slide-text{padding-right: 27%;padding-left: 10%;}}
@media only screen and (min-width : 768px){.slide-content.with-rover-head .slide-text{padding-right: 27%;padding-left: 10%;}}
@media only screen and (min-width : 1024px){.slide-content.with-rover-head .slide-text{padding-right: 27%;padding-left: 20%;}}

/*.slide-content.with-rover-head h1 {display:inline-block}*/

@media only screen and (min-width : 1px) {.slide-content .slide-text.right-image ul li {line-height: normal!important ;font-size: 14px;}}
@media only screen and (min-width : 320px) {.slide-content .slide-text.right-image ul li {line-height: normal!important ;font-size: 16px;}}
@media only screen and (min-width : 480px){.slide-content .slide-text.right-image ul li {line-height: normal !important ;font-size: 18px;}}
@media only screen and (min-width : 768px){.slide-content .slide-text.right-image ul li {line-height: normal !important ;font-size: 20px;}}
@media only screen and (min-width : 1024px){.slide-content .slide-text.right-image ul li {line-height: 32px !important ;font-size: 22px;}}
@media only screen and (min-width : 1224px) {.slide-content .slide-text.right-image ul li {line-height: 36px !important ;font-size: 24px;}}
@media only screen and (min-width : 1824px) {.slide-content .slide-text.right-image ul li {line-height: 40px !important ;font-size: 26px;}}

    /** MODULE TAG-IT **/

    .module-tag-it {
       /* width: 100%;*/
        /*background: url('images/background.jpg');
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;*/
        /*position: absolute;
        bottom: 0px;
        left: 80%;
        margin-left: -25%;*/
    }

    .module-tag-it .point-content {
        display: none;
        position: absolute;
        top: 20px;
        min-height: 120px;
        min-width: 200px;
        background-color: white;
        border-radius: 5px;
        opacity: .8;
        padding: 14px;
        color: black;
        pointer-events: none;
    }

    .module-tag-it .image {
        position: relative;
        /*max-width: 50%;
        min-width: 600px;*/
    }

    .module-tag-it .image img {
        max-width: 100%;
    }

    .module-tag-it .tag {
        position: absolute;
        left: 50%;
        top: 50%;
        opacity: 0;
    }

    .module-tag-it .point {
        border-radius: 50%;
        behavior: url(PIE.htc);
        width: 20px;
        height: 20px;
        background-color: rgb(244, 175, 49);;
        z-index: 3;
        cursor: pointer;
        position: absolute;
        pointer-events: none;
    }

    .module-tag-it .point-large {
        border-radius: 50%;
        behavior: url(PIE.htc);
        width: 30px;
        height: 30px;
        background-color: white;
        z-index: 2;
        cursor: pointer;
        opacity: .5;
        position: absolute;
        top: -5px;
        left: -5px;
        -webkit-animation-name: unpulse;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-delay: 0s;
    }

    .module-tag-it .tag[tag="mastcam"]{
        position: absolute;

        -webkit-animation-name: mastcam;
        -webkit-animation-delay: .3s;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
    }

    .module-tag-it .tag[tag="mastcamb"]{
        position: absolute;

        -webkit-animation-name: mastcamb;
        -webkit-animation-delay: .3s;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
    }

    .module-tag-it .tag[tag="1"]{
        position: absolute;

        -webkit-animation-name: mastcam;
        -webkit-animation-delay: .3s;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
    }

    .module-tag-it .tag[tag="1"]{
        position: absolute;

        -webkit-animation-name: tag-1;
        -webkit-animation-delay: .3s;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
    }

    .module-tag-it .tag[tag="2"] {
        position: absolute;

        -webkit-animation-name: tag-2;
        -webkit-animation-delay: .5s;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
    }

    .module-tag-it .tag[tag="3"] {
        position: absolute;

        -webkit-animation-name: tag-3;
        -webkit-animation-delay: .7s;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
    }

    .module-tag-it .tag[tag="4"] {
        position: absolute;

        -webkit-animation-name: tag-4;
        -webkit-animation-delay: .9s;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
    }

    .module-tag-it .tag[tag="5"] {
        position: absolute;

        -webkit-animation-name: tag-5;
        -webkit-animation-delay: 1.2s;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
    }

    /** Animation **/
    @-webkit-keyframes mastcam{
        from { top: 50%; left: 60% }
        to { top: 28%; left: 11%; opacity: 1 }
    }

    @-webkit-keyframes mastcamb{
        from { top: 50%; left: 60% }
        to { top: 27%; left: 31%; opacity: 1 }
    }

    @-webkit-keyframes tag-1{
        from { top: 50%; left: 60% }
        to { top: 8%; left: 45%; opacity: 1 }
    }

    @-webkit-keyframes tag-2{
        from { top: 50%; left: 60% }
        to { top: 40%; left: 20%; opacity: 1 }
    }

    @-webkit-keyframes tag-3{
        from { top: 50%; left: 60% }
        to { top: 30%; left: 60%; opacity: 1  }
    }

    @-webkit-keyframes tag-4{
        from { top: 50%; left: 60% }
        to { top: 20%; left: 80%; opacity: 1  }
    }

    @-webkit-keyframes tag-5{
        from { top: 50%; left: 60% }
        to { top: 84%; left: 50%; opacity: 1  }
    }

    <!-- rimfax -->
    @-webkit-keyframes rimfax{
        from { top: 0%; left: 0% }
        to { top: 80%; left: 57%; opacity: 1 }
    }

    .module-tag-it .tag[tag="rimfax"]{
        position: absolute;
        -webkit-animation-name: rimfax;
        -webkit-animation-delay: .3s;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
    }

    <!-- meda -->
    @-webkit-keyframes meda{
        from { top: 0%; left: 0% }
        to { top: 70%; left: 9%; opacity: 1 }
    }

    .module-tag-it .tag[tag="meda"]{
        position: absolute;
        -webkit-animation-name: meda;
        -webkit-animation-delay: .3s;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
    }

    @-webkit-keyframes supercam{
        from { top: 0%; left: 0% }
        to { top: 14%; left: 39%; opacity: 1 }
    } 

    .module-tag-it .tag[tag="supercam"]{
        position: absolute;
        -webkit-animation-name: supercam;
        -webkit-animation-delay: .3s;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
    }


    @-webkit-keyframes medaa{
        from { top: 0%; left: 0% }
        to { top: 65%; left: 13%; opacity: 1 }
    } 

    .module-tag-it .tag[tag="medaa"]{
        position: absolute;
        -webkit-animation-name: medaa;
        -webkit-animation-delay: .3s;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
    }

    @-webkit-keyframes medab{
        from { top: 0%; left: 0% }
        to { top: 80%; left: 57%; opacity: 1 }
    }

    .module-tag-it .tag[tag="medab"]{
        position: absolute;
        -webkit-animation-name: medab;
        -webkit-animation-delay: .3s;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
    }

    <!-- moxie -->
    @-webkit-keyframes moxie{
        from { top: 0%; left: 0% }
        to { top: 91%; left: 30%; opacity: 1 }
    }

    .module-tag-it .tag[tag="moxie"]{
        position: absolute;
        -webkit-animation-name: moxie;
        -webkit-animation-delay: .3s;  
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: forwards;
    }


    @-webkit-keyframes unpulse{
        from { border-radius: 10px; width: 200px; height: 50px; opacity: .8; padding: 30px; color: black; }
        50% { border-radius: 10px  }
        to { border-radius: 50%; width: 30px; opacity: .5; padding: 0 }
    }

    @-webkit-keyframes pulse {
        /*from { border-radius: 50%; color: white; width: 30px;}
        50% { border-radius: 10px;   }
        to { border-radius: 10px; width: 200px; height: 150px; opacity: .8; padding: 30px; color: black;}*/
    }

    .point-large:hover  {
        /*-webkit-animation-name: pulse;
        -webkit-animation-duration: .5s;
        -webkit-animation-fill-mode: forwards;
        -webkit-transform-origin: 100% 100%; /* Chrome, Safari, Opera */*/
    }

    .point-large:hover .point {
        display: none;
    }
/*these came from modulecommoninstrument.cfm - end */

.centered-image-box {max-width:900px;margin-left:auto;margin-right:auto;}
.bgVideo {/*background-color:#01396e;*/ background-color:#000026;}
.gallery, .gallery .sectionInner {background-color:whitesmoke;}
.gallery .imageSection { background-color:transparent;}
.gallery .bgWhite, .bgWhitesmoke.gallery {background-color:whitesmoke;}
.section.gallery h2 {text-align:center; padding-top:2em;}
.gallery #imagesArchivePage {
   padding: 0.5em 2% 0.5em;
}

.pageContent #Team-Members.section h1 {padding-top:1em;}

/*update mh 2016-07-12*/

#Fun-Facts.bgOrange{background-color:#e26511;}
#Fun-Facts .thingToKnow .buttonDecorative.active .btnTextTitle {color:maroon !important; padding-bottom:5px;}
#Fun-Facts .thingToKnow .buttonDecorative.round .btnText { background:whitesmoke; box-shadow: 0px 0px 15px rgba(0,0,0,0.5); }
#Fun-Facts .thingToKnow .buttonDecorative .btnTextTitle, #Fun-Facts .thingToKnow .buttonDecorative .btnTextBlurb{color:#222 !important;}

.section.instrument-intro .sectionInner .module-tag-it .image.tallImage img[alt~=MEDA]{ height:80vh;width:auto; }
@media only screen and (max-width:1024px) {
	#Instrument-Intro{height:auto;}
.section.instrument-intro .sectionInner .module-tag-it .image.tallImage img[alt~=MEDA]{height:auto;}
}
@media only screen and (min-width:1024px) {
	.section.instrument-intro .sectionInner .module-tag-it .image.tallImage img[alt~=MEDA]{height:auto;}
}
/*@media only screen and (max-width:513px){
	#Instrument-Submenu .buttonsDecorativeBox a{display:inline;}
	#Instrument-Submenu .buttonsDecorativeBox a:nth-of-type(2):after{content:"\A"; white-space:pre; }
}*/