/* Global */
@font-face {
	font-family: "Dense-Regular";
	src: url('../fonts/Dense-Regular.eot?') format("eot"), 
	     url('../fonts/Dense-Regular.otf')  format("opentype"),
	     url('../fonts/Dense-Regular.woff') format("woff"), 
	     url('../fonts/Dense-Regular.ttf')  format("truetype"),
	     url('../fonts/Dense-Regular.svg#Dense-Regular') format("svg");
}
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #210e39;
	background-color:#ffffff;
}
img {
	max-width: 100%;
}
a:link {
	color: #391764;
	text-decoration: none;
}
a:hover {
	color: #391764;
	text-decoration: none;
}
a:visited {
	color:#391764;
	text-decoration: none;
}

form input { display: block; width: 100%; padding: 10px 10px; border: 2px solid #9b58b5; border-radius: 5px; color: black; margin-bottom: 10px; font-size: 15px; outline: none; }
form ::-webkit-input-placeholder { /* WebKit browsers */ color: #777; }
form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #777; }
form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #777; }
form :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #777; }
form .min { font-size: 12px; }
input.submit { position: relative; vertical-align: top; width: 100%; height: 45px; padding: 0; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin-top: 15px; color: white; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); background: #9b58b5; border: 0; border-bottom: 2px solid #50345A; cursor: pointer; -webkit-box-shadow: inset 0 -2px #50345A; box-shadow: inset 0 -2px #50345A; }
input.submit:active { top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none; }


img.album{
	width: 350px;
	height: auto;
	margin-top: 15px;
}

/* Navigation */

.menu {
	position:fixed;
	top:0px;
	width:100%; 
	height:auto; 
	background-color:#ffffff;
	z-index:100;
}
#logo {
	text-align: center;
	margin: 10px 0;
}
#nav {
	text-align: right;
	margin: 30px 0 0 0;
}
.navigation{
	float: right;
	list-style: none;
	margin: 0;
}
.navigation li{
	font-family: "Dense-Regular";
	font-weight: 100;
	font-size: 28px;
	text-transform: uppercase;
	float: left;
	color: #391764;
	padding:0 0 0 50px;
}
.navigation li:hover{
	cursor:pointer;
	color: #a9d3d0;
}

.navigation .active{
	cursor:pointer;
	text-decoration: underline;
}


.menu{
	border-bottom: 1px solid #391764;
}

/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding: 80px 0;
border-bottom: 1px solid #D7D7D7;
}



/* Slide 1 */ 

#slide1{
	background-color:#ffffff;
}
#slide1 h1 {
	font-family: "Dense-Regular";
	font-weight: 100;
	font-size: 28px;
	color:#391764;
}
#slide1 h2 {
	font-family: "Dense-Regular";
	font-weight: 100;
	font-size: 28px;
	color:#391764;
}
#slide1 section{
	border-top: 1px solid #ccc;
	padding-top: 35px;
	margin-top: 35px;
}
#slide1 ul{
	margin: 0;
	padding: 0;
}
#slide1{
	margin-top: 50px;
}
#slide1 ul *{
	display: inline;
}
#slide1 ul li{
	margin: 2px 5px;
}

/* Slide 2 */ 

#slide2{
	background: #210e39; 
	color:#ffffff;
}
img.poster{
	width: 100%;
	max-width: 360px; 
	border: 1px solid #fff;
}
.btn_link{
	text-decoration: none;
font-family: "Dense-Regular";
font-size: 28px;
position: relative;
border: 2px solid #391764;
background: white;
padding: 8px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#391764;
}
a:link{
	color:#391764;
}
#slide2 h1 {
	font-family: "Dense-Regular";
	font-weight: 100;
	font-size: 28px;
	color:#ffffff;
}




/* Slide 3 */ 

#slide3{
	background-color:#ffffff;
}
#slide3 h2 {
	font-family: "Dense-Regular";
font-weight: 100;
font-size: 28px;
color: #391764;
margin: 0;
margin-bottom: 20px;
text-transform: uppercase;
}

#test{
	background-color:#bde2df;
	color:#ffffff;
	text-align:center;
	font-size: 2em;
	font-weight: 400;
}




/* Slide 4 */

#slide4{
	background-image:url('../images/sunglasses.png');
	background-color:#8a8683;
	color:#ffffff;
}
#slide4 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#ffffff;
	font-weight: 700;
}
#slide4 h2 {
	font-size: 2em;
	color: #ffffff;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}





/* Tablet */
@media screen and (max-width: 1024px) {

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	text-align:center;
	margin:10px 0;
}

.navigation{
	width: 100%;
	float: center;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:33.33%;
	padding:0;
}
#slide1{
	margin-top: 80px;
}
.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding: 80px 0;
border-bottom: 1px solid #D7D7D7;
}

#decorative {
	display:none;
}

#content {
	text-align:center;
	width:100%;
}

#slide1 h1 {
	line-height: 1em;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}

}




/* Mobile */
@media screen and (max-width: 480px) {

#logo {
	width: 100%;
	text-align: center;
}
#logo img{
	width: 50%;
}
#slide1{
	margin-top: 50px;
}
#nav {
	width:100%;
	margin:5px 0;
}

.navigation{
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:33.33%;
	font-size: 20px;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding: 80px 0;
border-bottom: 1px solid #D7D7D7;
}


#slide1 h1 {
	line-height: 1em;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}


}