/* 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); 
	color: rgb(47,48,48);	
	font-family: "Besley";
	font-style: normal;
	font-weight: 500;
}

h2 { 
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 1.75rem;
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	margin: 0 0 1.25rem 0;	
}

h3 {
	font-size: 3.25rem;
	line-height: 1;
	margin: 0 0 1.5rem 0;
	font-family: "Besley";
	font-style: normal;
	font-weight: 700;
	color: rgb(202,97,48);
}

h4 { 
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 0.85rem;
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 2.5rem 0;
	color: rgba(47,48,48,0.65);	
}

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

p strong {
	font-family: "Besley";
	font-weight: 700;
}

a.button-link {
	font-size: 1.1rem;
	line-height: 1;
	letter-spacing: 1px;
	text-decoration: none;
	color: #fff;
	display: block;
	max-width: 90%;
	background-color: #A6012B;
	padding: 1.3rem 0 1.3rem 0;
	text-transform: uppercase;
	margin: 16px 0 0 0;
	text-align: center;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 auto;
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;		
}

a.button-link:hover { background-color: rgba(34,34,34,1); }

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

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

.banner { padding: 7rem 0 7rem 0; background-color: rgba(34,34,34,1); }
.banner img { max-width: 90%; padding: 0 1rem 0 1rem; }


.attitw { padding: 5rem 0 4rem 0; background-color: rgba(232,182,167); }
.attitw img { max-width: 90%; margin-bottom: 1.75rem; }
.attitw h3 { color: rgb(163,89,106); }
.attitw a.button-link { background-color: rgb(163,89,106); }
.attitw a.button-link:hover { background-color: rgba(34,34,34,1); }

.pfilwm { padding: 5rem 0 4rem 0; background-color: rgba(213,214,213,1); }
.pfilwm img { max-width: 90%; margin-bottom: 1.75rem; }
.pfilwm h3 { color: rgb(239,54,43); }
.pfilwm a.button-link { background-color: rgb(239,54,43); }
.pfilwm a.button-link:hover { background-color: rgba(34,34,34,1); }

.tsw { padding: 5rem 0 4rem 0; background-color: rgba(174,162,136,1); }
.tsw { padding: 5rem 0 4rem 0; background-color: rgba(255,255,255,1); }
.tsw img { max-width: 90%; margin-bottom: 1.75rem; }
.tsw h3 { color: rgba(174,162,136,1); }
.tsw h3 { color: rgba(144,129,110,0.9); }
.tsw a.button-link { background-color: rgba(144,129,110,0.9); }
.tsw a.button-link:hover { background-color: rgba(34,34,34,1); }
	
.tqf { padding: 5rem 0 4rem 0; background-color: rgba(248,189,191,1); }
.tqf img { max-width: 90%; margin-bottom: 1.75rem; }
.tqf h3 { color: rgb(227,34,95); }
.tqf a.button-link { background-color: rgb(227,34,95); }
.tqf a.button-link:hover { background-color: rgba(34,34,34,1); }

.bwr { padding: 5rem 0 4rem 0; background-color: rgba(160,160,160,0.65); }
.bwr img { max-width: 90%; margin-bottom: 1.75rem; }
.bwr h3 { color: rgb(215,96,42); }
.bwr a.button-link { background-color: rgb(215,96,42); }
.bwr a.button-link:hover { background-color: rgba(34,34,34,1); }

.bottom { padding: 7rem 0 7rem 0; background-color: rgba(34,34,34,1); }
.bottom p { color: rgb(255,255,255); opacity: 0.85; }

a.music-platform img { max-width: 70px; opacity: 0.8; padding: 0 0.4rem 0 0.4rem; }
a.music-platform img:hover { opacity: 0.5; }