body { background-color: #eee; font-family: "Helvetica", "Helvetica Neue", "Arial", sans-serif; font-size: 16px; }
nav { background-color: #000; display: block; height: 50px; line-height: 20px; position: absolute; top: 0; left: 0; width: 100%; }
nav a { display: inline-block; font-size: 20px; height: 20px; text-decoration: none; vertical-align: middle; }
nav a.logo { background-image: url(../images/harp-h1.png); background-position: center center; background-repeat: no-repeat; background-size: 50px 50px; height: 50px; margin: 0 430px 0 0; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 50px; }
nav a.podcast { background-image: url(../images/podcast.png); background-position: center center; background-repeat: no-repeat; background-size: 40px 40px; height: 40px; margin: 0 20px 0 0; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 40px; }
nav a.spotify { background-image: url(../images/spotify.png); background-position: center center; background-repeat: no-repeat; background-size: 40px 40px; height: 40px; margin: 0 20px 0 0; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 40px; }
nav a.deezer { background-image: url(../images/deezer.png); background-position: center center; background-repeat: no-repeat; background-size: 40px 40px; height: 40px; margin: 0 20px 0 0; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 40px; }
nav a.music { background-image: url(../images/apple-music.png); background-position: center center; background-repeat: no-repeat; background-size: 40px 40px; height: 40px; margin: 0 20px 0 0; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 40px; }
nav a.youtube { background-image: url(../images/youtube.png); background-position: center center; background-repeat: no-repeat; background-size: 57px 40px; height: 40px; margin: 0 20px 0 0; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 57px; }
nav a.contact { background-image: url(../images/mail.png); background-position: center center; background-repeat: no-repeat; background-size: 40px 40px; height: 40px; margin: 0 0; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 40px; }
nav h2 { color: #fff; display: inline-block; font-size: 30px; font-weight: bold; line-height: 40px; margin: 0 300px 0 0; text-align: center; vertical-align: middle; width: 300px; }
nav div { margin: 0 auto; width: 1280px; }
section { margin: 0 auto; width: 1280px; }
section video { margin: 5px 0; }
section.strapline { color: #fff; margin: 0 auto; padding: 25px 0 10px; text-align: center; width: 1280px; }
section.strapline h1 { background-color: #000; font-size: 32px; margin: 0 auto; padding: 20px 0 10px; }
section.strapline h2.location { background-color: #000; font-size: 26px; margin: 0 auto; padding: 20px 0; }
section.strapline h2 a { color: #fff; }
section.hero { margin: 35px auto 0; }
ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }
li { background-color: #fff; display: inline-block; margin: 0; padding: 0; vertical-align: top; }
li.ram { background-color: #000; }
li.rbc { background-color: #011e3c; }
li.nco { background-color: #d81e05; }
li a { display: inline-block; height: 300px; width: 637px; text-align: center; text-decoration: none; }
li a img { padding: 35px 0 0 0; }
li span { color: #fff; display: block; margin: 30px auto 0; width: 380px; }
li.ls span { color: #af5422; }
li.oots span { color: #8b1f5b; }
li.uol span { color: #000; }