.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:#412020}.overlay .overlay-close{width:30px;height:30px;position:absolute;right:20px;top:20px;overflow:hidden;border:none;background:url(/content/dam/infosys-web/en/roland-garros/Images/cross.png) no-repeat center center;text-indent:200%;color:transparent;outline:0;z-index:100}.overlay nav{text-align:center;position:relative;top:50%;height:80%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;height:100%;position:relative}.overlay ul li{display:block;height:20%;height:calc(100% / 5);min-height:130px;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-bottom:2px solid #cb9994;width:500px}.overlay ul li:last-child{border-bottom:0}.overlay ul li a{font-size:70px;letter-spacing:5px;display:block;color:#d65c3a;text-transform:uppercase;-webkit-transition:color .2s;transition:color .2s;font-weight:500;padding:20px 0;font-family:"Tungsten A","Tungsten B",Khand,sans-serif}.overlay ul li a:focus,.overlay ul li a:hover{color:#fff}.overlay-slidedown{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .4s ease-in-out,visibility 0s .4s;transition:transform .4s ease-in-out,visibility 0s .4s}.overlay-slidedown.open{visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out}@media all and (max-width:767px){.overlay nav{height:90%;font-size:30px}.overlay ul li{min-height:85px;width:300px}.overlay ul li a{font-size:30px}}@media all and (max-width:640px){.overlay nav{height:30%}.overlay ul li{height:calc(100% / 8)}}