body{font-family:Tahoma;font-size:12px;background:#f8f8f8}*{border-collapse:collapse;margin:0;padding:0}.width{width:100%;max-width:1200px;margin:0 auto}header{box-shadow:0 0 5px rgba(0,0,0,.3);background:#ec008c}header div{display:flex;padding:10px;justify-content:space-between;align-items:center;color:#fff;flex-direction:row}h1{font-size:1.4em}header .logo{width:30%}.main{padding:20px 0}.homeStations{display:flex;flex-wrap:wrap;width:100%;margin:10px 0}.homeStations a{position:relative;margin:0 0 .5vw .5vw;width:calc(25% - .4vw)}.homeStations a:nth-of-type(4n){margin:0 0 .5vw 0}.homeStations a:after{position:absolute;content:" ";width:100%;height:100%;top:0;right:0;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.4));z-index:1}.homeStations a:hover{box-shadow:0 0 5px rgba(0,0,0,.3)}.homeStations a span{position:absolute;color:#fff;text-shadow:2px 2px 5px rgba(0,0,0,.5);z-index:2;bottom:5px;right:10px}.homeStations a img{width:100%}.homeStations a:hover:before{background:rgba(255,255,255,1)}h2,h3{color:#1a1a1a;font-size:2em;margin:10px 0}h3{font-size:1.8em}.home a{font-weight:bold;color:#ec008c}