body{margin:0;padding:0;font-family:Lato;overflow:hidden}nav ul{margin:0;padding:0;list-style-type:none;width:9000px}nav ul li{position:relative;float:left;background-repeat:no-repeat;background-position:50% 50%;background-size:auto 120%;box-sizing:border-box}nav ul li a,nav ul li a:hover{color:white;text-decoration:none}nav ul li .content{position:absolute;top:50%;left:50%;margin:-150px 0 0 -150px;height:300px;width:300px;text-align:center;color:white;text-shadow:0 0 10px #000;font-weight:300}nav ul li .content h1{font-weight:normal}nav ul li .background{display:block;width:100%;height:100%;background-color:#999;opacity:.7}nav ul li:hover .background{opacity:.4}#past{border-right:2px solid white;background-image:url(/includes/images/cwo/40-years/past.jpg)}#present{border-right:2px solid white;background-image:url(/includes/images/cwo/40-years/present.jpg)}#future{background-image:url(/includes/images/cwo/40-years/future.jpg)}@media screen and (max-width:1100px){nav ul li .content{width:240px;margin:-150px 0 0 -120px}nav ul li .content h1{font-size:24px}}@media screen and (max-width:767px){body{overflow:visible}nav ul{margin-top:50px;width:100%}nav ul li{float:none;width:100%;margin-bottom:10px}nav ul li a,nav ul li a:hover{color:#333}nav ul li .content{padding:0 10px;position:inherit;width:100%;height:auto;margin:0;top:0;left:0;text-align:left;text-shadow:none}#past,#present,#future{background:transparent}}