/*
colours
royal blue: #1d4495
paler blue:#2657c0;
pink: #d81b5c
turquoise: #006986
orange: #f7931e
yellow: #ffcc00
darker yellow #F8A649;

*/

html {
  scroll-behavior: smooth;
}

body
{
width:100%;
padding:0;
border:0;
margin:0;
}

	#page
	{
	width:100%;
	padding:0;
	border:0;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	background:#2657c0;
	color:#fff;
	font-family: 'Libre Baskerville', serif;
	font-size:1em;
	}

a,
a:link,
a:visited
{color:#fff;
text-decoration:none;}

a:active,
a:hover
{color:#fff;
text-decoration:none;}

h1
{
width:100%;
padding:0;
border:0;
margin:0;
letter-spacing:0.04em;
line-height:100%;
color:#F8A649;
font-weight:300;
font-size:4em;
text-transform:none;
font-family: 'Bebas Neue', cursive;}

h2
{
width:45%;
padding:0 5% 20px 5%;
border:0;
margin:0 0 0 0;
font-weight:normal;
line-height:120%;
text-align:left;
font-size:2.5em;
letter-spacing:0.06em;}

h3
{
display:inline;
padding:0 0 30px 0;
text-transform:none;
border:0;
font-weight:bold;
font-size:1.5em;
font-weight:300;
letter-spacing:0.05em;
color: #fab76b;
}

	section
		{
		width:100%;
		padding:0;
		border:0;
		margin-top:0;
		margin-right:auto;
		margin-bottom:0;
		margin-left:auto;
		color:#fff;
		}

		section#hero-image
			{
			width:100%;
			padding:0 0 130px 0;
			border:0;
			margin-top:0;
			margin-right:auto;
			margin-bottom:0;
			margin-left:auto;
			background-image: url("dancers3.png");
			background-repeat: no-repeat;
			background-size:100%;
			background-attachment: fixed;
			}

			header
				{
				width:90%;
				padding:20px 5% 0 5%;
				border:0;
				margin-top:0;
				margin-right:auto;
				margin-bottom:0;
				margin-left:auto;
				text-align:left;
				line-height:100%;
				font-family: 'Bebas Neue', cursive;
				}

				header a,
				header a:link,
				header a:visited
					{
					color:#F8A649;
					text-decoration:none;
					color:#fab76b; 

					}

				header a:active,
				header a:hover
					{
					color:#fff;
					}

				header ul
					{
					width:100%;
					display:inline;
					list-style-type: none;
					padding:0;
					border:0;
					margin:0;
					letter-spacing:0.09em;
					font-size:1.5em;
					font-weight:normal;
					}

					header ul li
						{
						display:inline;
						width:30%;
						list-style-type: none;
						padding:0 1% 0 0 ;
						border:0;
						margin:0;
						text-align: right;
						}

			section#hero-image p
				{
				width:60%;
				padding:250px 30% 10px 10%;
				border:0;
				margin-top:0;
				margin-right:auto;
				margin-bottom:5px;
				margin-left:auto;
				font-size:1.7em;
				letter-spacing:0.1em;
				line-height:130%;
				text-align:left;
				}

			section#listen
				{
				width:100%;
				padding:0px 0 0 0;
				border:0;
				margin-top:0px;
				margin-right:auto;
				margin-bottom:0;
				margin-left:auto;
				}

				#hero-image2
					{
					width:80%;
					padding:100px 0 200px 0;
					border:0;
					margin-top:0;
					margin-right:10%;
					margin-bottom:0;
					margin-left:10%;
					background-image: url("couple2.png");
					background-repeat: no-repeat;
					background-attachment: fixed;
	  				background-position: center;
	  				background-size:80%
					}

					#hero-image2 p
						{
						width:80%;
						padding:0 ;
						font-size:1.5em;
						font-weight:300;
						line-height:140%;
						letter-spacing:0.05em;
						margin:160px 0 0 0;
						}

				.listennow
					{
					width:30%;
					padding: 15px 2% 10px 2%;
					border:0;
					margin:20px 0 0 0;
					background:#fab76b;
					color:#2657c0;
					text-transform:uppercase;
					font-size:1.2em;
					letter-spacing:0.15em;
					font-weight:700;
					line-height:100%;
					text-align:center;
					font-family: 'Bebas Neue', cursive;
					}

					.listennow a,
					.listennow a:link,
					.listennow a:visited
						{
						background:#fab76b;
							color:#2657c0;}

					.listennow a:active,
					.listennow a:hover
						{
						color:#fff;
						}


		section#about
			{
			width:80%;
			padding:60px 10% 60px 10%;
			border:0;
			margin-top:0;
			margin-right:auto;
			margin-bottom:0;
			margin-left:auto;
			letter-spacing:0.11em;
			letter-spacing:0.09em;
			line-height:150%;
			font-size:1em;
			font-weight:300;
			}

			section#about a,
			section#about a:link,
			section#about a:visited
				{text-decoration:none;
				border-bottom:1px solid;}

			.box
				{
				width:100%;
				padding:0;
				border:0;
				margin:20px 0 0 0;
				line-height:150%;
				}

				.box ul
					{padding:0;
					border:0;
					margin:0 0 0 20px;}


		section#dj
			{
			width:80%;
			max-width:100%;
			padding:60px 10% 35px 10%;
			border:0;
			margin-top:0;
			margin-right:auto;
			margin-bottom:0;
			margin-left:auto;
			background-image: url("slimdjs.png");
			background-repeat: no-repeat;
			background-size:100%;
  			letter-spacing:0.1em;
			}

			section#dj p
				{
				line-height:160%;
				font-size:0.9em;
				}

				section#dj a,
				section#dj a:link,
				section#dj a:visited
					{text-decoration:none;
					border-bottom:1px solid;}

		footer
			{
			width:80%;
			padding:60px 10% 80px 10%;
			border:0;
			margin-top:0;
			margin-right:auto;
			margin-bottom:0;
			margin-left:auto;
			background:#080808;
			font-size:0.8em;
			color:#2657c0;
			}

			footer h1
				{
				color:#2657c0;
				margin-bottom:20px;
				font-size:2em;
				}

			footer a,
			footer a:link,
			footer a:visited
				{
				color: #d9d9d9;
				color:#2657c0;
				}

			footer ul
				{
				width:100%;
				padding:0;
				border:0;
				margin:0;
				}

			footer ul li
				{list-style-type: none;
				padding:0 0 20px 0;
				border:0;
				margin:0;
				line-height:120%;
				letter-spacing:0.1em;}

				li#contact
					{
					text-transform:none;
					letter-spacing:0.1em;
					padding:10px 0 0 0;
					line-height:160%;}

			.mixcloud
				{
				width:60%;
				padding:0;
				border:0;
				margin:0;
				}

			.copyright
				{width:100%;
				padding:15px 0 20px 0;
				border-top:1px solid;
				border-right:0;
				border-bottom:0;
				border-left:0;
				margin:55px 0 0 0;
				font-size:0.8em;
				letter-spacing:0.09em;
				text-transform:none;
				color:#2657c0;}


@media only screen and (min-width: 768px) {

#page
{font-size:1em;}

	h1
	{
	margin-bottom:5px;
	}
	h2
	{width:45%;
	padding:0;
	border:0;
	margin:200px 0 20px 0;
	font-size:4em;
	font-weight:500;
	letter-spacing:0.02em;}

	h3
	{
	display:inline;
	padding:0;
	text-transform:none;
	border:0 ;
	margin:0;
	letter-spacing:0.05em;}

		section#hero-image
			{
			width:90%;
			max-width:100%;
			padding:30px 5% 20px 5%;
			border:0;
			margin-top:0;
			margin-right:auto;
			margin-bottom:0;
			margin-left:auto;
			background-image: url("dancerswide2.png");
			background-repeat: no-repeat;
			background-size:100%;
			background-attachment: fixed;
			font-weight:300;
			line-height:150%;
			}

			header
				{
				width:100%;
				padding:0;
				font-size:1.5em;
				}

				header ul li
					{
					display:inline;
					width:30%;
					list-style-type: none;
					padding:0 1% 0 0 ;
					border:0;
					margin:0;
					text-align: right;
					}

			section#hero-image p
				{
				display:block;
				width:50%;
				padding:280px 5% 200px 5%;
				margin:0 0 20px;
				letter-spacing:0.03em;
				font-size:3em;
				font-weight:bold;
				line-height:120%;
				}

		section#listen
			{
			width:100%;
			padding:0;
			border:0;
			margin-top:0px;
			margin-right:auto;
			margin-bottom:0;
			margin-left:auto;
			}

			#hero-image2
				{
				width:30%;
				padding:200px 0 200px 0;
				margin:20px 0 20px 35%;	
	  			background-size:30%;
				}

				#hero-image2 p
					{
					width:100%;
					padding:0;
					border:0;
					margin:200px 0 0 0;
					font-size:2em;
		  			line-height:120%;
					}

		section#about
			{
			width:80%;
			max-width:750px;
			padding:60px 10% 100px 10%;
			border:0;
			margin-top:0;
			margin-right:auto;
			margin-bottom:0;
			margin-left:auto;
			letter-spacing:0.03em;
			line-height:140%;
			font-size:1.5em;
			}

			section#about a,
			section#about a:link,
			section#about a:visited
				{
				text-decoration:none;
				border-bottom:1px solid;
				}

		section#dj
			{
			width:80%;
			padding:200px 10% 150px 10%;
			border:0;
			margin-top:0;
			margin-right:auto;
			margin-bottom:0;
			margin-left:auto;
			background-image: url("slimdjs.png");
			background-repeat: no-repeat;
			background-size:100%;
  			background-position: center;
  			font-size:2em;
  			line-height:150%;
			letter-spacing:0.03em;
			}

			section#dj h3
				{padding:0 0 0 10%;}
			section#dj p
				{
				width:80%;
				padding:0 10% 0 10%;
				}

		footer
			{
			width:90%;
			padding:100px 5% 100px 5%;
			border:0;
			margin-top:0;
			margin-right:auto;
			margin-bottom:0;
			margin-left:auto;
			}

			footer h1
				{
				width:100%;
				padding:0 0 20px 0;
				border:0;
				margin:0;
				text-transform:none;
				letter-spacing:0.1em;
				color:#2657c0;
				}

				footer h1 a,
				footer h1 a:link,
				footer h1 a:visited
				{color:#2657c0;}

			footer ul
				{
				width:99%;
				padding:0 0 0 1%;
				border:0;
				margin:0;
				}

			footer ul li
				{
				list-style-type: none;
				width:20%;
				padding:0 0 20px 0;
				border:0;
				margin:0;
				line-height:120%;
				letter-spacing:0.01em;
				font-size:1.1em;
				}

					li#contact
						{
						text-transform:none;
						letter-spacing:0.1em;
						line-height:150%;
						padding:10px 0 0 0}

			.mixcloud
				{
				max-width:180px;
				width:30%;
				padding:10px 0 0 0;
				border:0;
				margin:0;
				}

				iframe
				{border:0;
				max-width:100%;}

		.copyright
			{
			text-align:center;
			letter-spacing:0.15em;}



}