/* RESET STYLES
---------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* GLOBAL TEXT SIZING
--------------------------------------------------------- */

@media all {html {font-size: 17px;}}
@media all and (max-width:840px){html {font-size: 17px;}}
@media all and (max-width:800px){html {font-size: 16px;}}
@media all and (max-width:760px){html {font-size: 15px;}}
@media all and (max-width:720px){html {font-size: 15px;}}
@media all and (max-width:680px){html {font-size: 15px;}}
@media all and (max-width:640px){html {font-size: 15px;}}
@media all and (max-width:600px){html {font-size: 14px;}}	
	
	
body { padding: 0; margin: 0; text-align: center; background-color: rgb(255,255,255); font-size: 1.25rem; color: rgb(17,17,17); font-family: "Inter"; font-style: normal; font-weight: 400; }

h1 { font-family: "Public Sans", sans-serif; font-optical-sizing: auto; font-weight: 900; font-style: normal; text-transform: uppercase; font-size: 7rem; color: rgb(239,54,55); margin-bottom: 3rem; }
@media (max-width:900px){h1{font-size:3.85rem;}}
@media (max-width:600px){h1{font-size:3.95rem;}}
@media (max-width:500px){h1{font-size:3.65rem;}}
@media (max-width:380px){h1{font-size:3.25rem;}}

p { font-size: 1.15rem; line-height: 1.75rem; margin: 0 0 1.75rem 0; }

a { font-weight: 500; color: rgb(227,34,95); }
a:hover { color: rgb(17,17,17);	}

.wrapper { width: 100%; float: left; }

.inner { max-width: 600px; margin: 0 auto; text-align: center;	}

.banner { padding: 8rem 0 1rem 0; background-color: rgba(255,255,255,1); text-align: center; }
@media (max-width:700px){.banner{padding-top:4rem;}}
.banner .inner { max-width: 100%; }

.socials { padding: 1rem 0 2rem 0; }
.social-links {padding:0;}
.social-links a {width:32px;height:32px;display:inline-block;margin:0 12px 0 0;font-size:24px;color:light-dark(#fff, #1b1b1b);opacity:1;transition:opacity 0.15s linear}
.social-links a:hover {opacity:0.5;}
.socials .instagram { background:center/100% no-repeat url("../../assets/svg/footer-instagram.svg"); }
.socials .spotify { background:center/100% no-repeat url("../../assets/svg/footer-spotify.svg"); }
.socials .apple-music { background:center/100% no-repeat url("../../assets/svg/footer-apple-music.svg"); }
.socials .bandcamp { background:center/100% no-repeat url("../../assets/svg/footer-bandcamp.svg"); }
.socials .youtube { background:center/100% no-repeat url("../../assets/svg/footer-youtube.svg"); }
.socials .bluesky { background:center/100% no-repeat url("../../assets/svg/footer-bluesky.svg"); }