#LatestRelease:hover #ReleaseInfo { right: 0;}.roboto-thin, .roboto-thin-italic { font-family: "Roboto", sans-serif; font-weight: 100;}.roboto-light, .roboto-light-italic { font-family: "Roboto", sans-serif; font-weight: 300;}.roboto-regular, .roboto-regular-italic { font-family: "Roboto", sans-serif; font-weight: 400;}.roboto-medium, .roboto-medium-italic { font-family: "Roboto", sans-serif; font-weight: 500;}.roboto-bold, .roboto-bold-italic { font-family: "Roboto", sans-serif; font-weight: 700;}.roboto-black, .roboto-black-italic { font-family: "Roboto", sans-serif; font-weight: 900;}.chakra-petch-light, .chakra-petch-light-italic { font-family: "Chakra Petch", sans-serif; font-weight: 300;}.chakra-petch-regular, .chakra-petch-regular-italic { font-family: "Chakra Petch", sans-serif; font-weight: 400;}.chakra-petch-medium, .chakra-petch-medium-italic { font-family: "Chakra Petch", sans-serif; font-weight: 500;}.chakra-petch-semibold, .chakra-petch-semibold-italic { font-family: "Chakra Petch", sans-serif; font-weight: 600;}.chakra-petch-bold, .chakra-petch-bold-italic { font-family: "Chakra Petch", sans-serif; font-weight: 700;}.roboto-thin-italic, .roboto-light-italic, .roboto-regular-italic,.roboto-medium-italic, .roboto-bold-italic, .roboto-black-italic,.chakra-petch-light-italic, .chakra-petch-regular-italic,.chakra-petch-medium-italic, .chakra-petch-semibold-italic,.chakra-petch-bold-italic { font-style: italic;}#SocialNetworking ul { margin: 0px; margin-bottom: 0px; padding: 0px;}#SocialNetworking ul li { display: inline; list-style-type: none; padding-left: 10px; padding-right: 10px;}#Footer ul { margin: 0px; padding: 0px;}#Footer li { display: inline; list-style-type: none; padding-left: 15px; padding-right: 15px;}Body { background-color: #000000; color: #ffffff; font-family: "Roboto", sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1.2; margin: 0px; overflow-y: scroll; padding: 0px; text-align: center; text-transform: uppercase;}.VisuallyHidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}.menu-toggle { cursor: pointer; display: none; position: fixed; right: 6px; top: 2px; z-index: 1000;}.menu-toggle .bar { background-color: #ffffff; height: 3px; margin: 4px 0; transition: 0.3s; width: 25px;}.nav-menu { background-color: rgba(0, 0, 0, 0.9); display: flex; flex-direction: column; height: 100vh; position: fixed; right: 0; top: 0; transform: translateX(100%); transition: transform 0.3s ease; width: 100vw; z-index: 999;}.nav-menu ul { list-style-type: none; padding: 0;}.nav-menu li { padding: 0;}.nav-menu li a { color: #ffffff; font-size: 1.2rem; text-decoration: none; transition: color 0.3s ease;}.nav-menu li a:hover { color: #FF0000; text-decoration: none;}.nav-menu hr { background-color: #777777; border: none; color: #777777; height: 1px; width: 100vw;}.menu-toggle.active .bar:nth-child(1) { transform: rotate(-45deg) translate(-5px, 6px);}.menu-toggle.active .bar:nth-child(2) { opacity: 0;}.menu-toggle.active .bar:nth-child(3) { transform: rotate(45deg) translate(-5px, -6px);}.nav-menu.active { display: flex; transform: translateX(0);}@media only screen and (max-width: 768px) { .menu-toggle { display: block; }}h1 { font-size: 2em; line-height: 0.72;}h2 { line-height: 0.73;}h3 { line-height: 0.72;}h4 { line-height: 0.44;}h2, h3, h4 { font-size: 1.5em;}h1, h2, h3, h4 { font-weight: normal; margin: 0; margin-bottom: 15px; padding: 0;}#ReleaseInfo .Padding h2 { color: #FF0000;}#ReleaseInfo .Padding h4 { margin-bottom: 0px;}#LatestReleaseSmall img { height: auto; width: 100%;}.Sleeves a img { transition: transform 0.3s ease, filter 0.3s ease;}.Sleeves a:hover img { filter: brightness(1.2); transform: scale(1.1);}#Container { display: flex; flex-direction: column; gap: 15px; margin: auto; margin-bottom: 15px; margin-top: 15px; width: 968px;}#Top { height: 18px;}#Content { height: 545px;}#ContentSmall, #LatestReleaseSmall { display: none;}#LatestRelease { background-image: url(../images/latest_release/bg_deathray_music_logo.webp); background-position: 0px 1px; background-repeat: no-repeat; background-size: 100%; border: 1px solid #333333; color: #ffffff; height: 544px; overflow: hidden; position: relative; transition: transform 0.3s ease;}#ReleaseInfo { align-items: center; background-color: rgba(0, 0, 0, 0.9); display: flex; flex-direction: column; height: 100%; justify-content: center; position: absolute; right: -100%; top: 0; transition: right 0.3s ease; width: 100%;}#ReleaseInfo .Padding { height: 100%; margin-top: 15px;}#ReleaseInfo iframe { margin-bottom: 15px;}.Sleeves { display: flex; height: 200px;}.Sleeves.First { padding-top: 1px;}.Sleeves.First.Mobile { display: none;}.Box { width: 33.3%;}.Box.First { text-align: left;}.Box.Last { text-align: right;}#Footer { background-color: #222222; color: #ffffff; padding-bottom: 5px; padding-top: 5px;}#SocialNetworking a.Audiosocket { background-image: url(../images/top/logos/logo_audiosocket_1.png); background-repeat: no-repeat; display: inline-block; height: 18px; transition: background-image 0.3s ease-in-out; width: 99px;}#SocialNetworking a:hover.Audiosocket { background-image: url(../images/top/logos/logo_audiosocket_2.png); background-repeat: no-repeat; display: inline-block; height: 18px; width: 99px;}#SocialNetworking a.Bandcamp { background-image: url(../images/top/logos/logo_bandcamp_1.png); background-repeat: no-repeat; display: inline-block; height: 18px; transition: background-image 0.3s ease-in-out; width: 56px;}#SocialNetworking a:hover.Bandcamp { background-image: url(../images/top/logos/logo_bandcamp_2.png); background-repeat: no-repeat; display: inline-block; height: 18px; width: 56px;}#SocialNetworking a.FaceBook { background-image: url(../images/top/logos/logo_facebook_1.png); background-repeat: no-repeat; display: inline-block; height: 18px; transition: background-image 0.3s ease-in-out; width: 87px;}#SocialNetworking a:hover.FaceBook { background-image: url(../images/top/logos/logo_facebook_2.png); background-repeat: no-repeat; display: inline-block; height: 18px; width: 87px;}#SocialNetworking a.Linktree { background-image: url(../images/top/logos/logo_linktree_1.png); background-repeat: no-repeat; display: inline-block; height: 18px; transition: background-image 0.3s ease-in-out; width: 15px;}#SocialNetworking a:hover.Linktree { background-image: url(../images/top/logos/logo_linktree_2.png); background-repeat: no-repeat; display: inline-block; height: 18px; width: 15px;}#SocialNetworking a.Instagram { background-image: url(../images/top/logos/logo_instagram_1.png); background-repeat: no-repeat; display: inline-block; height: 18px; transition: background-image 0.3s ease-in-out; width: 18px;}#SocialNetworking a:hover.Instagram { background-image: url(../images/top/logos/logo_instagram_2.png); background-repeat: no-repeat; display: inline-block; height: 18px; width: 18px;}#SocialNetworking a.SoundCloud { background-image: url(../images/top/logos/logo_soundcloud_1.png); background-repeat: no-repeat; display: inline-block; height: 18px; transition: background-image 0.3s ease-in-out; width: 32px;}#SocialNetworking a:hover.SoundCloud { background-image: url(../images/top/logos/logo_soundcloud_2.png); background-repeat: no-repeat; display: inline-block; height: 18px; width: 32px;}#SocialNetworking a.Spotify { background-image: url(../images/top/logos/logo_spotify_1.png); background-repeat: no-repeat; display: inline-block; height: 18px; transition: background-image 0.3s ease-in-out; width: 58px;}#SocialNetworking a:hover.Spotify { background-image: url(../images/top/logos/logo_spotify_2.png); background-repeat: no-repeat; display: inline-block; height: 18px; width: 58px;}#SocialNetworking a.Twitter { background-image: url(../images/top/logos/logo_twitter_1.png); background-repeat: no-repeat; display: inline-block; height: 18px; transition: background-image 0.3s ease-in-out; width: 93px;}#SocialNetworking a:hover.Twitter { background-image: url(../images/top/logos/logo_twitter_2.png); background-repeat: no-repeat; display: inline-block; height: 18px; width: 93px;}#SocialNetworking a.YouTube { background-image: url(../images/top/logos/logo_youtube_1.png); background-repeat: no-repeat; display: inline-block; height: 18px; transition: background-image 0.3s ease-in-out; width: 45px;}#SocialNetworking a:hover.YouTube { background-image: url(../images/top/logos/logo_youtube_2.png); background-repeat: no-repeat; display: inline-block; height: 18px; width: 45px;}#ReleaseInfo h1 a:hover { color: #FF0000; text-decoration: none;}#ReleaseInfo h2 a { color: #FF0000; text-decoration: none; transition: color 0.3s ease;}#ReleaseInfo h2 a:hover { color: #ffffff; text-decoration: none;}#ReleaseInfo p a:hover { color: #ffffff; text-decoration: underline;}#ReleaseInfo p a, a, #ReleaseInfo h1 a { color: #ffffff; text-decoration: none; transition: color 0.3s ease;}#Footer a { position: relative; top: 2px;}#Footer a.Contact { background-image: url(../images/bottom/nav/btn_contact_1.png); background-repeat: no-repeat; display: inline-block; height: 21px; transition: background-image 0.3s ease-in-out; width: 95px;}#Footer a:hover.Contact { background-image: url(../images/bottom/nav/btn_contact_2.png); background-repeat: no-repeat; display: inline-block; height: 21px; width: 95px;}#Footer a.License { background-image: url(../images/bottom/nav/btn_license_our_music_1.png); background-repeat: no-repeat; display: inline-block; height: 21px; transition: background-image 0.3s ease-in-out; width: 205px;}#Footer a:hover.License { background-image: url(../images/bottom/nav/btn_license_our_music_2.png); background-repeat: no-repeat; display: inline-block; height: 21px; width: 205px;}#Footer a.Releases { background-image: url(../images/bottom/nav/btn_releases_1.png); background-repeat: no-repeat; display: inline-block; height: 21px; transition: background-image 0.3s ease-in-out; width: 99px;}#Footer a:hover.Releases { background-image: url(../images/bottom/nav/btn_releases_2.png); background-repeat: no-repeat; display: inline-block; height: 21px; width: 99px;}@media only screen and (max-width: 768px) { h1, h2, h3, h4 { font-size: 1.2em; } p, a { font-size: 0.9em; line-height: 1.5; } #Container { margin-top: 0; padding: 0; width: 100%; margin-bottom: 11px; } #Top { display: none; text-align: center; } #Content { display: block; height: auto; width: 100%; } #LatestRelease { display: none; } #LatestReleaseSmall { border: 1px solid #333333; display: block; margin-bottom: 2px; background-color: #290000; } #LatestReleaseSmall img { height: auto; transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out; width: 100%; } #LatestReleaseSmall a:hover img { filter: brightness(1.2); transform: scale(1.1); } .Sleeves { align-items: center; flex-direction: column; height: auto; margin: 0; } .Sleeves.First { margin-top: 2px; } .Sleeves.First.Mobile { display: block; } .Sleeves a:hover img { filter: brightness(1.2); height: auto; transform: none; width: 100vw; } .Sleeves .Box { height: auto; margin-right: 0; padding-bottom: 11px; width: 100%; } .Sleeves.First.Mobile .Box.First { padding-bottom: 0px; } .Box.First { margin-top: -4px; text-align: center; } .Box.Last { text-align: center; padding-bottom: 0px; } .Box.Fourth { margin-bottom: 0; padding-bottom: 0; } .Box img { height: auto; width: 100%; } #SocialNetworking a { height: auto; width: auto; } #SocialNetworking ul { padding: 0; } #SocialNetworking ul li { display: inline-block; margin: 5px; } #Footer { display: none; }}@media only screen and (max-width: 480px) { h1, h2, h3, h4 { font-size: 1em; } p, a { font-size: 0.8em; } iframe { height: 250px; } .Sleeves .Box img { width: 90%; }}p { color: inherit; margin: 0; padding: 0;}#ReleaseInfo p { position: relative; top: 15px;}