/* custom styles for daniel benzali dot com */

a, a:visited {
	color: #fff; 
}

a:hover, a:focus {
	color: #A0A09F;
}

.bad-ass-black {
	background: #000; 
	color: #fff; 
	font-family: helvetica, 'helvetica-light', sans-serif; 
	font-size: 15px;
}

#wrapper {
	width: 100%;
	max-width: 1024px;
	margin: 50px auto 0 auto;
	position: relative; 
}

.alert-danger {
	display: none;
}

/* nav menu styles */

#nav-container {
	margin: 0;
	width: 65%; 
	float: right;
}

.navbar-default {
	background: transparent; 
	border: transparent;
	text-align: right;
}

.navbar-nav {
	float: right;
}

.navbar-default .navbar-nav>li>a {
	color: #fff; 
	font-weight: bold;
	font-size: 110%;
	padding: 10px 40px;
}

.navbar-default .navbar-nav>li:last-child>a {
	padding: 10px 0 10px 40px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #A0A09F;
	background: transparent;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus {
	color: #A0A09F;
	background: transparent;
}

.navbar-default .navbar-nav>.active>a:hover {
	color: #A0A09F;
	background: transparent;
}



/* homepage styles */
#benzali-home-pic {
	float: left;
	margin: -94px 0 0 -40px;
	width: 100%; 
	max-width: 694px;
}

#benzali-home-pic img {
	width: 100%;
}

#benzali-hm-txt {
	float: left;
	margin: -43% 0 0 48%; 
	width: 100%; 
	max-width: 553px;
}

#benzali-hm-txt img {
	width: 100%;
}

/* about page styles */
#header-name {
	width: 30%;
	float: left;
	margin: 0; 
}

#header-name img {
	margin: -15px 0 0 -10px;
	width: 100%
}

#about-pic {
	float: right;
	margin-left: -95px;
	width: 100%;
	max-width: 555px;
}

#about-pic img {
	width: 100%;
}

#description-text {
	margin: 40px 0 0 0;
	float: left;
	width: 55%;
}

#description-text p {
	font-size: 95%;
}


 /*demo page styles */
#demo-pic {
	float: left;
	margin: -65px 0 0 0;
	width: 100%; 
	max-width: 555px;
}

#demo-pic img {
	width: 100%;
}

#demo-links {
	float: right;
	margin: 0 15% 0 0;
}

#demo-links h5 {
	font-size: 200%;
	font-weight: bold; 
	margin: 10px 0 0 0; 
}

#demo-links a {
	text-decoration: underline;
}

#demo-reel {
	margin: 100px 0 0 0;
}

#voice-over {
	margin: 60px 0 0 0;
}

/* contact page styles */

#booking-info {
	float: left;
	width: 49%; 
	margin: 0 auto;
}

#booking-info-form {
	width: 46%; 
	float: right;
}

#booking-info-contact-form textarea, #booking-info-contact-form input {
	color: #000;
}

/* footer styles */
#bottom-bar {
	float: left;
	width: 100%;
	margin: 20px 0 0 0; 
}

#bottom-bar div {
	margin-left: 5px;
	margin-right: 5px;
}

#social-media, #copyright {
	padding: 0;
}

#copyright {
	width: 45%; 
	float: left;
}

#social-media {
	text-align: right;
	float: right;
	width: 45%;
}

#social-media i, #social-media img {
	padding-left: 10px;
	font-size: 140%; 
}


/* #Media Queries
================================================== */
	
	/* most phones */
	@media screen and (min-width: 320px) and (max-width: 736px) {
		#wrapper {
			margin: 0 auto; 
		}

		.navbar {
			margin-bottom: -10px;
		}


		.navbar-default .navbar-nav>li:last-child>a {
			padding: 10px 40px;
		}

		#benzali-home-pic {
			margin: 0 auto;
			max-width: 90%;
			float: none;
		}

		#benzali-hm-txt {
			float: none;
			max-width: 100%;
			margin: 0 auto; 
		}

		.navbar-default .navbar-collapse, .navbar-default .navbar-form {
			border-color: transparent;
		}

		#header-name {
			width: 50%;
		}

		#header-name img {
			margin: 10px 0 0 5px;
		}

		#about-pic {
			max-width: 155px;
			margin: 0 0 0 -100px;
		}

		#description-text {
			width: 60%; 
			margin: 20px 0 0 10px;
		}

		#description-text p {
			font-size: 65%;
		}

		#demo-pic {
			max-width: 200px;
			margin: -20px -50px 0 0; 
		}

		#demo-links {
			width: 45%;
			margin: 0 15px 0 0;
		}

		#demo-reel {
			margin: 50px 0 0 0;
		}

		#demo-links h5 {
			font-size: 100%;
		}

		#booking-info-form {
			margin: 50px 0 0 0; 
		}

		#booking-info-form h3 {
			font-size: 55%;
		}

		#booking-info-form input {
			font-size: 60%; 
			width: 125px
		}

		#booking-info-form textarea {
			font-size: 60%; 
			width: 135px; 
		}

		#booking-info {
			margin: 0 0 0 10px;
		}

		#booking-info h3 {
			font-size: 70%;
		}

		#booking-info p {
			font-size: 60%; 
		}

		#copyright {
			font-size: 85%;
		}

		#demo_reel {
			max-width: 320px; 
		}

		#vo_reel {
			max-width: 320px;
		}

	}

	/* most tablets */
	@media screen and (min-width: 737px) and (max-width: 1024px) {
		#wrapper {
			margin: 5px auto 0 auto; 
		}

		#nav-container {
			width: 60%;
			margin: 40px 40px 0 0; 
		}

		.navbar-default .navbar-nav>li>a {
			padding: 10px 15px;
		}

		.navbar-default .navbar-nav>li:last-child>a {
			padding: 10px 20px;
		}

		#benzali-home-pic {
			max-width: 60%;
		}

		#benzali-hm-txt {
			max-width: 50%; 
			margin: -38% 0 0 44%;
		}

		#header-name {
			margin: 25px 0 0 20px;
			width: 30%;
		}

		#header-name img {
			margin: 0;
		}

		#description-text {
			margin: 10px 0 0 15px;
			width: 54%;
		}

		#about-pic {
			margin-left: 0;
			max-width: 335px;
		}

		#demo-pic {
			max-width: 355px; 
		}

		#booking-info-form {
		}

		#booking-info-contact-form input {
			width: 230px;
		}

		#booking-info-contact-form textarea {
			width: 340px;
		}

		#booking-info {
			margin: 0 auto 0 26px;
		}

	}

	 /*iphone portrait only */
	@media screen and (min-width: 1024px) and (max-width: 1024px) {

		#demo-pic {
			max-width: 555px; 
		}

		#about-pic {
			margin-left: 0;
			max-width: 455px;
		}
	}

	/* laptops */
	@media screen and (min-width: 1025px) and (max-width: 1600px) {

	}

	/* desktops */
	@media screen and (min-width: 1600px) {

	}