body, div,{
	margin:0;
	padding:0;
}

body{
	background-color:#050503;
	color:white;
}

p{
	margin: 0 0 20px 0;
}


img.slides:first-of-type {
	display:inline-block;
}

img.slides:nth-of-type(2) {
	display:none;
}


img.slides:nth-of-type(3) {
	display:none;
}

/* home page */
div#bg{
	background: transparent url("../images/home.jpg")no-repeat;
	display:inline-block;
	width:500px;
	height: 300px;
	background-size:contain;
	background-position: center bottom;
	position: absolute;
	top: 60%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -10%)
}

/* navigation bar */

nav {
	float:center;
	text-transform: uppercase;
	letter-spacing:.4rem;
	text-decoration: none;
	font-family:'Cormorant SC', serif;
	font-size:12pt;
}

nav ul {
	text-align:center;
}

nav ul li {
	float:center;
	display: inline-grid;
}


nav ul li a{
	display:inline-block;
	padding:25px 45px 25px 10px;
	text-decoration: none;
	color:white;
}

nav ul li a:hover {
	color:#f0552a;
}

nav ul li ul {
	position:absolute;
	top:70px;
	width:200px;
	font-size:8pt;
	letter-spacing: .1rem;
	text-align:left;
	transform:translate(-20px,0);

}

nav ul li ul li {
	display:block;
	height:20px;
}
nav ul li ul li a {
	opacity:.8;
	display:block;
	padding:8px 10px;
}

nav ul li ul li:hover a {
	letter-spacing: .1rem;
}

nav ul li ul.dropdown {
	display:none;
}

nav ul li:hover ul.dropdown {
	display:block;
}



div#Home {
	position:absolute;
	margin-left: auto;
	margin-bottom: auto;
	display: inline-block;
	width:100%;
	margin-top: 120px;
}

div#alex{
	text-align:center;
	font-size:35pt;
	letter-spacing: .2rem;
	font-weight:300;

}

div#showman{
	text-align: center;
	font-size:10pt;
	letter-spacing: .85rem;
	font-weight:300;
	transform: translate(4px,0);
	opacity:.8;
}

@media screen and (min-width: 1000px){
	nav {
	float:center;
	text-transform: uppercase;
	text-decoration: none;
	font-family:'Cormorant SC', serif;
	}

	nav ul {
		text-align:center;
	}

	nav ul li {
		float:center;
		display: inline-grid;
	}


	nav ul li a{
		display:inline-block;
		padding:25px 70px 25px 70px;
		text-decoration: none;
		color:white;
	}

	nav ul li a:hover {
		color:#f0552a;
	}

	nav ul li ul {
		position:absolute;
		transform: translate(40px,0);
		width:200px;
		height:20px;
		font-size:8pt;
		letter-spacing: .1rem;
		text-align:left;
	}

	nav ul li ul li {
		width:200px;
	}

	nav ul li ul li a {
		display:block;
		padding:8px 10px;
	}

	nav ul li ul li:hover a {
		letter-spacing: .1rem;
	}

	nav ul li ul.dropdown {
		display:none;
	}

	nav ul li:hover ul.dropdown {
		display:block;
	}

	div#Home {
		margin-top: 110px;
	}

	div#alex{
		text-align:center;
		font-size:48pt;
		letter-spacing: .3rem;
		font-weight:300;
		transform:translate(20px,0);

	}

	div#showman{
		text-align: center;
		font-size:12pt;
		letter-spacing: 1.33em;
		font-weight:300;
		transform: translate(30px,0);
		opacity:.8;
	}

	div#bg{
		background: transparent url("../images/home.jpg")no-repeat;
		display:inline-block;
		width:600px;
		height: 400px;
		background-size:contain;
		background-position: center bottom;
		position: absolute;
		top: 52%;
	    left: 50%;
	    margin-right: -50%;
	    transform: translate(-50%, -15%);
	}

}

@media screen and (max-width: 600px){
	nav {
	float:center;
	text-transform: uppercase;
	letter-spacing:.4rem;
	text-decoration: none;
	font-size:10pt;
	font-family:'Cormorant SC', serif;
	}

	nav ul {
		text-align:center;
		transform: translate(-20px,0);
	}

	nav ul li {
		float:center;
		display:block;
		width:50px;
		height:40px;
		font-size:12pt;
	}


	nav ul li a{
		text-decoration: none;
		color:white;
	}

	nav ul li a:hover {
		color:#f0552a;
	}

	nav ul li ul {
		position:absolute;
		transform: translate(80px,-7px);
		top:108px;
		width:200px;
		letter-spacing: .1rem;
		text-align:left;
	}

	nav ul li ul li {
		width:200px;
		height:20px;
		font-size:8pt;
	}
	nav ul li ul li a {
		display:block;
		padding:8px 10px;
	}

	nav ul li ul li:hover a {
		letter-spacing: .1rem;
	}

	nav ul li ul.dropdown {
		display:none;
	}

	nav ul li:hover ul.dropdown {
		display:block;
	}

	div#Home {
		margin-top: 130px;
	}

	div#alex{
		text-align:center;
		font-size:25pt;
		letter-spacing: .1rem;
		font-weight:300;

	}

	div#showman{
		text-align: center;
		font-size:8pt;
		letter-spacing: .55rem;
		font-weight:300;
		transform: translate(2px,-5px);
		opacity:.8;
	}

	div#bg{
	    transform: translate(-50%, -10%)
	}

}

#Content{
	padding:100px 50px 20px 50px;
}


/* Text Column */

#Text_column{
	display:block;
	width:400px;
	height:500px;
	position:absolute;
	right:150px;
}

#title{
	display:block;
	width:100%;
	position:absolute;
	top:0;
	text-transform: uppercase;
	letter-spacing: .7rem;
	font-weight: 500;
	font-size:10pt;

}

#bodytext{
	font-family: 'Hind Guntur', sans-serif;	
	font-size:10pt;
	font-weight:300;
	line-height:18pt;
	letter-spacing:.2px;
	width:360px;
	height:400px;
	display:block;
	position: absolute;
	bottom:0;

}

/* Image Column */

#image_column{
	display:block;
	width:450px;
	list-style:none;
	position:absolute;
	left:15%;
}




/* Slideshow */

div#circles{
	display:block;
	position:fixed;
	top:200px;
	left:135px;
}

div#slideshow{
	display:block;
	position:fixed;
	width:400px;
}

button.circle{
	border-radius:10px;
	width:20px;
	height:20px;
	transform: scale(.7);
	margin-bottom: 5px;
}

.circle_red{
	border-radius:10px;
	width:20px;
	height:20px;
	transform: scale(.7);
	margin-bottom: 5px;
	border-style:none;
	background-color:#f0552a;
}

button.arrows_left{
	background-image: url("../images/arrow_left.png");
	background-color:transparent;
	background-repeat: no-repeat;
	position:fixed;
	width: 10px;
	border-style:none;
	height:15px;
	border-size:0;
	background-size: contain;
	top: 285px;
	left:130px;
}

button.arrows_right{
	background-image: url("../images/arrow_right.png");
	background-color:transparent;
	background-repeat: no-repeat;
	position:fixed;
	border-style:none;
	background-size: contain;
	width:10px;
	height:15px;
	top: 285px;
	left:150px;
}


.wrapper {
	height: 2000px;
	padding-top: 200px;
}

#slideshow {
	height: 100px;
	width: 100px;
	background-color: red;
}

.fixedposition {
	position: fixed;
	top: 10px;
	left: 15%;
}