html,body{height:100%;margin:0;width:100%;}
body{font-size:16px;background-color:#fff1e0;font-family:"FinancierTextWeb",serif;}
/*h1{text-align:center;position:absolute;margin:auto;left:0;right:0;font-size:5em;max-width:660px;color:white;top:50%;transform:translateY(-50%);font-family:"FinancierDisplayWeb",serif;}*/

h1{
	text-align: center;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 6em;
    line-height:1.2em;
    max-width: 690px;
    color: white;
    top: 50%;
    transform: translateY(-50%);
    font-family: "FinancierDisplayWeb",serif;
    text-shadow: 0px 0px 10px #2b4b6e;
    font-weight:normal;
}

div.header-img{position:relative;width:100%;background:url("https://image.webservices.ft.com/v1/images/raw/http%3A%2F%2Fig.ft.com%2Fsites%2F2015%2Fthe-greatest-womens-tennis-players-of-all-time%2Ficeberg.png?source=test&width=1200&format=png&quality=lowest") center center no-repeat scroll;height:100%;min-height:100%;background-size:cover;}
div#outer>.header-img{height:auto;}

footer.o-footer{font-family:"BentonSans",sans-serif;}
.o-footer__copyright{margin-bottom:0px!important;padding-bottom:20px!important;}

p.byline{font-size:18px!important;text-align:center!important;}
p.byline span{margin:0px 10px;}
p.byline a{}
p.byline a:hover{color: #000;}

p.china{text-align:center!important;font-weight:bold;}

h1 a{font-size:0.5em;color:white;text-decoration: none;}
h1 a:hover{color:red;}

h2{color:#333;font-size:1.9em;font-weight:normal;}

.twoem{line-height:2em;}

#kic-credits{border-top:0px solid #e9decf;border-bottom:1px solid #e9decf;font-family:"MetricWeb",sans-serif;}
#story,#kic-credits,div.shareDiv.interactive{position:relative;margin:auto;left:0;right:0;max-width:800px;text-align:center;}
#story p{font-size:21px;line-height:1.375em;color:#333;}
#story p:nth-child(1){margin-top:3em;}
#video-holder{position:relative;-webkit-margin-before:1em;-webkit-margin-after:2em;max-width:800px;margin:auto;padding:30px;}
#story p,#kic-credits p{max-width:600px;margin:auto;line-height:1.375em;-webkit-margin-before:1em;-webkit-margin-after:1em;text-align:left;padding:5px;}
p a,#kic-credits a{background-color:#fff1e0;color: #2e6e9e;transition: 0.3s;pointer-events: all;cursor: pointer;text-decoration: none;}
p a:hover,#kic-credits a:hover{color: #000;}

span.boldText{color:#43423e;background-color:#e9decf;padding:2px 8px; border-radius:10px;}

.credit{position:absolute;right:5px;bottom:5px;line-height:1;color:#dfded8;font-size:9px;}
.credit a{text-decoration:none;color:#dfded8;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:9px;}
a.overlay-logo{font-size:3em;color:#fff1e0;opacity:0.7;position:absolute;left:0.25em;/*background-color:black;*/}

#ft-header {height: 50px;background-color: #fff1e0;width: 100%;position: static;top: 0;z-index: 2000;overflow: hidden;text-align:center;border-bottom: 1px solid #cec6b9;box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);}
#ft-header a{background-color:#fff1e0; cursor:pointer;}
#ft-header a>img {margin-top: 13px;opacity: .8;transition: opacity .3s;height:20px;}

#ft-footer {background-color: #fff1e0;width:calc(100%-5px);position: absolute;bottom: 0;z-index: 2000;overflow: hidden;text-align:left;border-top: 1px solid #cec6b9;box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);padding-left:5px;padding-top:0px;}
#ft-footer a{background-color:#fff1e0;font-size:12px;color: #2e6e9e;transition: 0.3s;pointer-events: all;cursor: pointer;text-decoration: none;}
#ft-footer a:hover,#kic-credits a:hover{color: #000;background-color: #fff1e0;}
#ft-footer a>img, #kic-credits a>img{margin-top: 0px;opacity: .8;transition: opacity .3s;height:10px;}
#ft-footer span{background-color:#fff1e0;font-size:11px;color:#000;}

#interactive section,#interactive span,#interactive text,#interactive a,#interactive p{font-family:"MetricWeb",sans-serif;}

.yearLabelHolder{position:absolute;opacity:1;/*display:none;*/}
.yearLabelHolder.introstate{opacity:0;}
.yearLabelHolder span{white-space:nowrap;padding:10px;margin-right:50%;float:right;color:#74736c;font-weight:bold;text-shadow:3px 3px 2px #FFF1E0, -3px -3px 2px #FFF1E0, -3px 3px 2px #FFF1E0, 3px -3px 2px #FFF1E0, -3px 0px 2px #FFF1E0, 3px 0px 2px #FFF1E0;}

#vis{display:inline-block;position:static;margin-left:0px;margin-right:auto;left:0;right:0;width:100%;height:100%;top:0;}
#sections {
position: relative;
top: 0px;
z-index: 90;
background-color: none;
overflow:hidden;
}
#plotHolder{margin-left:auto;margin-right:auto;text-align:center;}
#plot,#buttonLayer{position:absolute;}
#buttonLayer{z-index:1000;text-align:left;pointer-events:none;}
#buttonRow{pointer-events:all;position:absolute;padding:4px 0px;border-radius:5px;left:0;right:0;bottom:0;}
#veilrow{pointer-events:all;position:absolute;z-index:10;}
.veil:hover{background-color:rgba(116,115,108,.15);}
.veil.hidden{opacity:0;pointer-events:none;}
.textBox {visibility:hidden;fill:#43423e;font-size:18px;position:absolute;top:50px;width:100%;display:block;padding:4px;line-height:24px;margin-top:5px;margin-left:auto;margin-right:auto;left:0;right:0;max-width:750px;}
#slidetext{fill:#43423e;font-size:36px;display:block;padding:2px 0px;font-family: "MetricWeb",sans-serif;margin-left:0px;margin-right:auto;left:0;right:0;text-align:center;transition:0.5s;border-top:2px solid #e9decf;}
#slidetext.first{position:relative;}
#guidetext.first{position:relative;}
#resultsBar{position:absolute;text-align:center;margin-left:0px;margin-right:auto;left:0;right:0;pointer-events:none;}
#resultsBar span.result{font-size:22px;margin-right:10px;padding:4px;border-radius:3px;font-weight:bold;color:white;}
#guidetext{fill:#43423e;font-size:18px;position:relative;top:0px;/*width:calc(100% - 4px);*/display:block;padding:4px;line-height:24px;margin-left:auto;margin-right:auto;left:0;right:0;max-width:750px;transition:0.5s;}
#buttons{display:none;}

.buttonHolder{position:absolute;bottom:0;display:inline-block;width:100%;margin-left:0px;margin-right:auto;left:0;right:0;z-index:1000;padding:4px 0px;border-radius:5px;}

.animatebutton{position:relative;background-color:#2e6e9e;padding:5px;border-radius:5px;color:white;border:1px solid #275e86;transition:0.3s;cursor:pointer;pointer-events:all;float:left;line-height:20px;margin-right:5px;}
.animatebutton:hover{background-color:#275e86;}
.animatebutton.hidden{opacity:0.3;pointer-events:none;}
.animatebutton{}

.slideCounter{min-width:32px;text-align:center;position:relative;padding:5px 2px;border-radius:0px;color:#43423e;border:0px solid #275e86;transition:0.3s;cursor:default;pointer-events:all;float:left;line-height:20px;margin:0px 3px;}

.veil{position:relative;background-color:white;padding:5px;border-radius:5px;color:#2e6e9e;border:1px solid #275e86;transition:0.3s;cursor:pointer;pointer-events:all;line-height:20px;margin-right:5px;float:right;}

.backbutton{position:relative;background-color:#2e6e9e;padding:5px;border-radius:5px;color:white;border:1px solid #275e86;transition:0.3s;cursor:pointer;pointer-events:all;float:left;line-height:20px;margin-left:5px;}
.backbutton:hover{background-color:#275e86;}
.backbutton.hidden{opacity:0.3;pointer-events:none;}

.button{position:relative;top:0px;background-color:#F6E9D8;padding:5px;border-radius:5px;color:#74736c;border:1px solid #74736c;transition:0.3s;cursor:pointer;pointer-events:all;float:left;margin-right:10px;}
.button:hover{background-color:#74736c;color:#fff1e0;}
.button.filter{float:right;margin-right:0px;margin-left:10px;}

#to2030,#to2050,#to2100{margin-left:2px;font-size:18px;background-color:none;padding:5px;border-radius:0px;border: 0px solid #74736c;transition:0.3s;cursor:pointer;color:#43423e;pointer-events:none;vertical-align:middle;}
#to2030.disabled,#to2050.disabled,#to2100.disabled{cursor:default;pointer-events:none;opacity:0.3;background-color:#fff1e0;color:#43423e;}
#to2030.introstate,#to2050.introstate,#to2100.introstate{cursor:default;pointer-events:none;opacity:0.3;background-color:#fff1e0;color:#43423e;}
#to2030.faded,#to2050.faded,#to2100.faded{cursor:default;pointer-events:none;opacity:0.3;background-color:#fff1e0;color:#43423e;}
#to2030:hover,#to2050:hover{background-color:#E9DECF;}

#resetButton{margin-left:5px}
#resetButton.disabled,#toNext.disabled,#repeatButton.disabled{cursor:default;pointer-events:none;opacity:0.3;display:block;}
#resetButton.introstate,#toNext.introstate,#repeatButton.introstate,.slideCounter.introstate{cursor:default;pointer-events:none;display:none;}
#resetButton.introstate{opacity:0.3}
#resetButton.faded,#toNext.faded,#repeatButton.faded{cursor:default;pointer-events:none;opacity:0.3;}
#resetButton:hover,#toNext:hover,#repeatButton:hover{background-color:#275e86;}
#toNext{padding: 8px 10px;}

#resetButton{position:relative;background-color:#2e6e9e;padding:5px;border-radius:5px;color:white;border:1px solid #275e86;transition:0.3s;cursor:pointer;pointer-events:all;float:left;line-height:20px;margin-left:5px;}
#toNext{position:relative;background-color:#2e6e9e;padding:5px;border-radius:5px;color:white;border:1px solid #275e86;transition:0.3s;cursor:pointer;pointer-events:all;float:left;line-height:20px;margin-right:5px;}

#interactive{position:relative;max-width:800px;margin:auto;left:0;right:0;}
#story a.anchorLink{text-decoration:none;color:#af516c;text-transform:0.3s;font-weight:bold;}
#story a.anchorLink:hover{color:#9e2f50;}


.crunchLink > div{
	box-sizing:border-box;
	background-color: #fff;
	/*box-shadow: 0 1px 2px #807E77;*/
	/*border-left:1px solid #cec6b9;*/
	/*border-right:1px solid #cec6b9;*/
    padding: 10px;
    /*border-radius: 10px;*/
    /*cursor: pointer;*/
    color: #333;
    font-family: "MetricWeb",sans-serif;
    font-size:18px;
    font-weight:normal;
    padding:10px!important;
    text-align:left;
    max-width:600px;
    margin:auto;
    left:0;
    right:0;
    -webkit-margin-before:2em;
    min-height:116px;
}

/*.crunchLink > div:hover{background-color:#FFFAF5;}*/

.crunchLink div div{
	display:inline-block;
}

.crunchLink div div:nth-of-type(1){
	max-width:calc(100% - 190px);
}

.crunchLink div div:nth-of-type(2){
	float:right;
}



.anchorLink > div{
	box-sizing:border-box;
	background-color: #2e6e9e;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    color: white;
    font-family: "MetricWeb",sans-serif;
    font-size:18px;
    font-weight:normal;
    padding:10px!important;
    text-align:left;
    max-width:600px;
    margin:auto;
    left:0;
    right:0;
}

.anchorLink div:hover{
	background-color: #275e86;
}

.anchorLink div div{
	display:inline-block;
}

.anchorLink div div i{
	font-size:4em;
}

.anchorLink div div:nth-of-type(1){
	max-width:calc(80% - 20px);
}

.anchorLink div div:nth-of-type(2){
	min-width:calc(20% - 20px);
	text-align:center;
	vertical-align:top;
	padding:0;
	float:right;
}

.anchorLink span{
	position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 600px;
}

.anchorLink span i:nth-of-type(1){
	position: absolute;
	left:0;
}

.anchorLink span i:nth-of-type(2){
	position: absolute;
	margin:auto;
	left:0;
	right:0;
	max-width:13.5px;
}

.anchorLink span i:nth-of-type(3){
	position: absolute;
	right:0;
}


#progressHolder{position:absolute;height:4px;vertical-align:text-bottom;float:right;-webkit-appearance: none;background-color:#e9decf;border-radius:50px;bottom:0px;opacity:0.5;}

#story h3{
	font-size:1.4em;
	max-width:80%;
	margin:auto;
	font-family:"MetricWeb",sans-serif;
	font-weight: 600;
}

div.shareDiv.interactive h3{
	font-size:1.4em;
	margin:auto;
	font-family:"MetricWeb",sans-serif;
	font-weight: 600;
}

#story > h3:before{
	content:'';
	display:block;
	border-bottom:1px solid #a7a59b;
	width:100px;
	text-align:center;
	margin:1.5em auto 0.8em;
	/*margin-top:0.7em;*/
}

#story > h3:after{
	content:'';
	display:block;
	border-top:1px solid #a7a59b;
	width:100px;
	text-align:center;
	margin:0 auto 1.5em;
	margin-top:0.9em;
}

#story > div > h3,div.shareDiv.interactive h3{
	display: inline-block;
}

.shareDiv{padding-bottom:1.5em;}

#progressbar {
position: absolute;
float: left;
background-color: #af516c;
height: 4px;
border-radius: 50px;
bottom:0;
}

#navintro{visibility:hidden;position:absolute;z-index:100;margin-left:0px;margin-right:auto;left:0;right:0;text-align:center;background-color:white;border:1px solid #b8b1a9;white-space:nowrap;border-radius:5px;display:block;transition:0.5s;display:none;}

.FTlink{color:#2e6e9e;transition:0.3s;pointer-events:all;cursor:pointer;text-decoration:none;}
.FTlink:hover{color:#000;background-color:#fff1e0;}

.axis text{font-size:12px;}
.axis path{fill:none;}
.axis.x path{stroke:#74736c;stroke-width:1px;shape-rendering:crispEdges;}
.axis.x g.tick line{stroke:#74736c;stroke-width:1px;shape-rendering:crispEdges;}
.axis.x g.tick:nth-child(odd) text{display:none;}

.axis.y g.tick line{stroke:#e9decf;stroke-width:1px;stroke-dasharray:1px 1px;shape-rendering:crispEdges;}
.axis.y g.tick:nth-child(1) line{stroke:none;}
.axis.y.Temp g.tick text{font-size:12px;}
.axis.y.Temp g.tick:nth-child(1) line{stroke:#E9DECF;}

path.refLine{stroke:#74736c;stroke-width:1px;fill:none;stroke-dasharray:5px 4px;}
path.shadedArea{opacity:0.7;}

.ui-patch{
fill-opacity:0;
cursor:ns-resize;
/*cursor:crosshair;*/
}

.ui-patch.disabled{pointer-events:none;}

#line{
fill:none;
}

#pale-line{
fill:none;
}

.sliderTitle{font-size:14px;text-shadow: 0 0 2px #fff1e0,0 0 3px #fff1e0,0 0 4px #fff1e0,0 0 5px #fff1e0,0 0 6px #fff1e0;}
circle{pointer-events:none;}
rect.single{fill-opacity:0.7;}
rect.fixed{fill:#F6E9D8;stroke:none;shape-rendering:crispEdges;}
line.refMarker,.indcKeyLine{fill:none;stroke-width:2px;shape-rendering:crispEdges;stroke-dasharray:4px 2px;stroke:#74736c;}
line.refMarker.est,.indcKeyLine.est{stroke-width:1px;stroke-dasharray:2px 2px;}
.sliderLabel{font-size:0.8em;text-anchor:end;fill:#74736c;}
.sliderLabel.temp{font-size:11px;}
.sliderLabel.main{font-size:14px;}
.sliderLabel.left{text-anchor:start;}
.co2val{font-size:11px;fill:#74736c;}

p.sliderLabel{
	color:#74736c;
}

.plotDivider{stroke:#e9decf;stroke-width:1px;shape-rendering:crispEdges;}

.curtains{fill:#fff1e0;fill-opacity:0.5;}
.curtains.wide{fill-opacity:1;}

.nomobile{display:block;}
.nodesktop{display:none;}

.userSet{color:#9e2f50;font-weight:bold;}
#shareSpan{font-size:1.2em;line-height:1.2em;vertical-align:middle;}
#userTweet{background:linear-gradient(to bottom,#fff,#dfdfdf);border-radius:5px;border: 1px solid #ccc;padding:3px 5px;cursor: pointer;text-decoration: none;color:black;font-size:14px;display:inline-block;}
#userTweet i{width: 18px;height: 14px;display: inline-block;background: url(http://platform.twitter.com/widgets/images/btn.27237bab4db188ca749164efd38861b0.png) -26px 0 no-repeat;margin-right: 5px;color: #444;}

#userShare{display:none;padding:0;margin:0;list-style-type:none;vertical-align:bottom;}
.shareList{display:inline-block;padding:0;margin:0;list-style-type:none;vertical-align:bottom;}
#userShare.active{display:inline-block;}
#sharingMessage{font-size:1em;}
li{float:left;width:24px;margin: 0 0 0 5px;}
#userShare i,.shareList i{float:left;border-radius:2px;width:24px;height:24px;text-indent:24px;background-image:url(http://image.webservices.ft.com/v1/images/raw/ftsocial:twitter,ftsocial:facebook,ftsocial:googleplus,ftsocial:linkedin,ftsocial:reddit,ftsocial:link,ftsocial:pinterest?width=24&source=o-share);overflow:hidden;cursor:pointer;}
.facebook i{background-position-y:-24px;}
.linkedin i{background-position-y:-73px;}
.googleplus i{background-position-y:-48px;}
.reddit i{background-position-y:-97px;}
.pinterest i{background-position-y:-145px;}

.titleHolder{position:relative;}
.axisTitle{position:absolute;-webkit-margin-before:0;-webkit-margin-after:0;font-size:0.8em;top:-30px;margin:0;}
/*.axisTitle.left{left:0;}*/
.axisTitle.left{/*max-width:150px;*//*font-size:0.8em;*/text-align:left;left:0px;}
.axisTitle.right{/*max-width:90px;*//*font-size:0.8em;*/text-align:right;right:0px;}

.blink {
  animation: blinker 0.5s linear 1;
}

@-webkit-keyframes blinker {
	0% {-webkit-transform:background-color:none;color:#43423e;}
	50% {background-color:#43423e;color:white;}
	100% {-webkit-transform:background-color:none;color:#43423e;}
}

@-webkit-keyframes pulsate {
	0% {-webkit-transform:background-color:#2e6e9e;color:white;}
	50% {background-color:#fff1e0;color:#43423e;}
	100% {-webkit-transform:background-color:#2e6e9e;color:white;}
}

@-webkit-keyframes triPulse {
	0% {-webkit-transform:fill-opacity:1;}
	50% {fill-opacity:0;}
	100% {-webkit-transform:fill-opacity:1;}
}

#toNext.nudge{-webkit-animation: pulsate 1.5s ease-out;-webkit-animation-iteration-count: infinite;}
#toNext.disabled.nudge{-webkit-animation:none;-webkit-animation-iteration-count:none;}

.arrowPath{fill:none;stroke:#74736c;marker-end:url("#arrow");stroke-width:1px;/*shape-rendering:crispEdges;*/}

path.triangle{-webkit-animation: triPulse 1.5s ease-out;-webkit-animation-iteration-count: infinite;fill:#000;opacity:0.4;}
path.triangle.stop{-webkit-animation:none;-webkit-animation-iteration-count:none;}
path.triangle.disabled{-webkit-animation:none;-webkit-animation-iteration-count:none;}
path.triangle.hidden{-webkit-animation:none;-webkit-animation-iteration-count:none;display:none;}

/*path.triangle.up{display:none;}*/

.undulating{font-size:15px;fill:#43423e;text-shadow: 0 0 2px #fff1e0,0 0 3px #fff1e0,0 0 4px #fff1e0,0 0 5px #fff1e0,0 0 6px #fff1e0;}

#promos{font-family:"MetricWeb",sans-serif;width:100%;max-width:900px;height:auto;margin:auto;left:0;right:0;margin-top:1em;}
#promos img{width:100%;}
#promos > p{margin-left:10px;}
.o-grid-row p {min-height:3em;color:#2e6e9e;-webkit-margin-before:0;-webkit-margin-after:0;}
div.o-grid-row > div{margin-bottom:10px;/*border-bottom:1px solid #e9decf;*/}
.demo-cell{border-radius:5px;padding:5px 10px;cursor:pointer;transition:0.3s;background-color:#fff;}
.demo-cell:hover{background-color:#FFFAF5;}
/*div.o-grid-row > div:hover{background-color:#F4E8D8;}*/
.demo-cell a{text-decoration:none;background-color:#fff;}
.demo-cell span{
	position: absolute;
	top:calc(3em + 10px);
	left: 20px;
	font-weight:bold;
	color:#fff;
	text-shadow: 0 0 2px #000;
}

@media screen and (max-width: 800px) {
.undulating{font-size:12px;}
li.linkedin,li.reddit,li.pinterest,li.googleplus{display:none;}
.animatebutton{margin-right:5px;}
#ft-header {height: 40px;}
#ft-header a>img {margin-top: 12px;opacity: .8;transition: opacity .3s;height:18px;}
#resultsBar span.result{font-size:16px;margin-right:5px;padding:4px;border-radius:3px;font-weight:bold;color:#43423e;}
#progressbar {
height: 3px;
}
.nomobile{display:none;}
.nodesktop{display:block;}
#navintro{visibility:visible;padding:6px;font-size:16px;}
#to2030,#to2050,#to2100{font-size:12px;padding:4px 4px;border-radius:0px;}
#resetButton,#toNext,#repeatButton{font-size:15px;padding:4px 4px;border-radius:3px;}
#toNext{padding: 4px 8px;}
.sliderLabel{font-size:0.7em;}
.sliderLabel.main{font-size:13px;}
.sliderTitle{font-size:12px;}
}

@media screen and (max-width: 800px) and (orientation : landscape){
.nomobile{display:none;}
.nodesktop{display:block;}
#slidetext{font-size:20px;}
#guidetext,.textBox{font-size:14px;line-height:20px}
#slidetext.first{}
#progressbar {
height: 3px;
}
.textBox{top:75px;}
#to2030,#to2050,#to2100{font-size:12px;padding:4px 4px;border-radius:0px;}
#resetButton,#toNext,#repeatButton{font-size:15px;padding:4px 4px;border-radius:3px;}
#toNext{padding: 4px 8px;}
.sliderLabel{font-size:0.7em;}
.sliderLabel.main{font-size:13px;}
.sliderTitle{font-size:12px;}

}

@media screen and (max-width: 480px) {
h2{padding:10px;}
#story > p{padding:10px;}
.axisTitle{font-size:0.7em;}
.slideCounter{min-width:27px;}
.undulating{font-size:10px;}
p,span,div,text{font-size:15px}
.anchorLink > div div:nth-child(1){font-size:18px!important;}
.animatebutton{background-color:#2e6e9e;color:white;line-height:18px;font-size:16px;margin-right:10px;}
.backbutton{background-color:#2e6e9e;color:white;line-height:18px;font-size:16px;margin-left:5px;}
.veil{line-height:18px;font-size:16px;}
.animatebutton:hover,.backbutton:hover{background-color:#2e6e9e;color:white;line-height:18px;}
#ft-header {height: 27px;}
#ft-header a>img {margin-top: 0px;opacity: .8;transition: opacity .3s;height:14px;padding:7px;}
#resultsBar span.result{font-size:13px;margin-right:3px;padding:4px;border-radius:3px;font-weight:bold;color:#43423e;}

#slidetext{font-size:22px;padding:0px;}
#guidetext,.textBox{font-size:15px;line-height:19px;}
#slidetext.first{}
.textBox{top:75px;}
#mobilePad{height:50px;position:relative;pointer-events:none;}
#navintro{visibility:visible;padding:4px;font-size:13px;}
#to2030,#to2050,#to2100{font-size:12px;padding:4px 4px;border-radius:0px;}
#resetButton,#toNext,#repeatButton{font-size:16px;padding:4px 4px;border-radius:5px;}
#toNext{padding: 4px 8px;}
.sliderLabel{font-size:0.7em;}
.sliderLabel.main{font-size:13px;}
.sliderTitle{font-size:9px;}
#veilrow{}
.axis.y g.tick:nth-child(even) text{display:none;}
.axis text{font-size:11px;}
.axis.y.Temp g.tick text{font-size:11px;}
#buttonRow{padding:6px 0px;}
}
}


@media screen and (max-width: 1280px) {
h1{font-size:4em;max-width:400px;}
div.header-img{background:url("https://image.webservices.ft.com/v1/images/raw/http%3A%2F%2Fig.ft.com%2Fsites%2F2015%2Fthe-greatest-womens-tennis-players-of-all-time%2Ficeberg.png?source=test&width=1000&format=png&quality=lowest") center center no-repeat scroll;background-size:cover;}
}

@media screen and (max-width: 768px) and (orientation:landscape) {
div.header-img{background:url("https://image.webservices.ft.com/v1/images/raw/http%3A%2F%2Fig.ft.com%2Fsites%2F2015%2Fthe-greatest-womens-tennis-players-of-all-time%2Ficeberg.png?source=test&height=800&format=png&quality=lowest") center center no-repeat scroll;background-position-x:0px!important;background-size:cover;}
}

@media screen and (max-width: 768px) {
h1{
	font-size:4em;
	max-width:460px;
}
div.header-img{background:url("https://image.webservices.ft.com/v1/images/raw/http%3A%2F%2Fig.ft.com%2Fsites%2F2015%2Fthe-greatest-womens-tennis-players-of-all-time%2Ficeberg.png?source=test&height=800&format=png&quality=lowest") center center no-repeat scroll;background-position-x:-120px;background-size:cover;}
}

@media screen and (max-width: 400px) {
h1{font-size:2.5em;max-width:300px;}
div.header-img{background:url("https://image.webservices.ft.com/v1/images/raw/http%3A%2F%2Fig.ft.com%2Fsites%2F2015%2Fthe-greatest-womens-tennis-players-of-all-time%2Ficeberg.png?source=test&height=500&format=png&quality=lowest") center center no-repeat scroll;background-position-x:-150px;background-size:cover;}
.axis.y.left .tick:nth-of-type(even) text{display:none;}
.axis.y.right .tick:nth-of-type(even) text{display:none;}
}

@media screen and (max-width: 350px) {
.buttonHolder span{font-size:0.95em!important;}
h1{font-size:2.5em;max-width:300px;}
span.innerText,.textBox{font-size:0.9em;}
div.header-img{background:url("https://image.webservices.ft.com/v1/images/raw/http%3A%2F%2Fig.ft.com%2Fsites%2F2015%2Fthe-greatest-womens-tennis-players-of-all-time%2Ficeberg.png?source=test&height=400&format=png&quality=lowest") center center no-repeat scroll;background-position-x:0px;background-size:cover;}
}