.top-logo{
	max-width: 200px;
}
body {
	background-color: black;
}
p {
	color: darkgray;
}
h3{
	color: darkgray;
}
h2 {
	color: darkgray;
}
h1 {
	color: darkgray;
}
img {
	width: 100%;
}
.navbar-inverse {
	background-color: black;
}
.graphic {
	padding: 20px;
}

.nav {
	margin-top: 10px;
	background-color: black;
}

.nav a {
	padding: 10px;
	color: white;
	text-align: right;
}
.fill-section img {
	padding-left: 2em;
	
	
}
.photos {
	margin-bottom: 50px;
	
}
.img-center{
    margin: 0 auto;
}
.allphotos img{
    padding: 10px;
}
iframe {
	padding: 30px;
}
.vector {
	background-color: darkgray;
}
.vector-top{
	padding-bottom: 1.5em; 
}
.carousel{
    background: black;
    margin-top: 20px;
}
.carousel .item{
    min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
	max-width: 100%;
}
.bs-example{
	margin: 20px;
}
.black{
	 color: #999;
 	 background-color: rgba(70,70,70,.25);
	
}
.info {
	padding: 0 20px;
}

@media screen and (max-width: 600px) {

    .mu-pro {display:none;}
	.fill-section {display:none;}
	.img-responsive {padding: 10px;}
	.fill-display {
		background-color: orange;
		background-image: radial-gradient( white 50%, transparent 50%) url(../img/my_studio.jpg);
		background-blend-mode:color-dodge;
	}
	.info {
	text-align: center
}
	
}

@media screen and (min-width: 990px){
	.fill-display {
		display:non;
	}
	.photos img{
		min-width: 100%;
	}
	.mu-pro {
		padding-top: 20px;
	}
}
@media screen and (min-width: 601px){
	.fill-display {
		display: none;
	}
	.fill-section {
		max-width: auto;
		max-height:auto;
	}
	

	.photos img {
		padding: 10px;
		width: 100%;
				
	}
	
	.img-center {
		clear: right;
	}
	.mu-pro {
		padding-top: 15px;
	}
}
@media screen and (min-width: 1200px){
	.mu-pro {
		padding-top: 30px;
	}
}