body { background: #111311 url("../images/bg-modern-a.jpg") no-repeat top center fixed; background-size: cover; color: #fff; font-family: 'Archivo Narrow', sans-serif; line-height: 1.2em; } .logo { padding: 55px 10px 55px 10px; } .press { font-size: 1.3em; line-height: 1.25; padding: 15px 0px 15px 0px; } table { border-collapse: collapse; border-spacing: 0; font-size: 0.925em; } .tour { border-bottom: 3px solid #fff; border-top: 3px solid #fff; margin: 12px 0px 25px 0px; } h1,h2,h3,h4,h5,h5 { color: #e1dbd7; line-height: 1em; text-transform: uppercase; } h1 { font-size: 9em; letter-spacing: -0.04em; margin: 0 0 0 0; padding: 45px 0px 45px 0px; text-align: center; } h2 { font-size: 3.3em; padding: 0px 0px 0px 0px; margin-top: 0px; } h4 { font-size: 2em; margin: 2px 0px 4px 0px; padding: 0px 10px 0px 0px; } .heading-large { font-size: 150%; } .footer { text-align: center; padding: 25px 15px 80px 15px; } a, a:visited { color: #ebbd1e; } a:hover { color: #ffce24; } .contacts { clear: both; padding-top: 25px; } .links { padding: 10px 5px 5px 5px; clear: both; text-align: center; } .links a { font-size: 2.35em; line-height: 2em; background: #ebebeb; padding: 4px 10px 4px 10px; color: #000; margin: 0px 10px 10px 0px; } .music-btn { background: #dbd8da; border-radius: 0.4em; display: inline-block; margin: 0 2% 1em 0; transition: background-color 300ms ease-in-out; width: 23%; } .music-btn:nth-child(4n) { margin-right: 0; } .music-btn:active, .music-btn:hover { background-color: #e1d7c9; } .music-btn a { color: #313433; display: block; padding: 1em; text-align: center; } .music-btn span { display: block; } .music-btn .music-link { margin-top: 0.5em; } .music-btn .music-icon { font-size: 2em; } .music-btn .bandcamp { color: #629aa9; } .music-btn .apple { color: #d60017; } .music-btn .spotify { color: #1db954; } .music-btn .youtube { color: #ff0000; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /* Retina-specific stuff here */ } @media (max-width: 992px) { body { text-align: center; } table { font-size: 1.2em; text-align: left; } h2 { padding: 12px 0px 2px 0px; } } @media (max-width: 767px) { table { font-size: 0.9em; } } @media (max-width: 480px) { body { line-height: 1.1em; } h1 { font-size: 4em; } .container iframe { height: 475px; } }