html,
body {
    height: 100%;
}
body { 
	font-family: 'Nunito', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#333333;
}
.sectionLine {border-bottom:1px solid #f3f3f3; padding-bottom:30px;}

h1, h2, h3, h5 {font-weight: 200; letter-spacing: .5px;}
h1.logo-text {font-size: 36px; text-transform: uppercase; letter-spacing: 3px;}
.visible-xs h1 {margin-top:10px; padding-left: 10px; font-size: 26px; text-transform: uppercase;}
h1 {font-size: 24px; color: #8d8c93; }
h2 {font-size: 20px;}
h2.home {text-transform: capitalize; color: #8d8c93; margin: 20px auto 10px auto; font-size: 20px; text-align: center;}
h3 {font-size: 18px;}
.MAHome h4 {font-size: 16px; text-align:center;}

.homeNews {background: #f2f2f2;}
.homeNews h2 {padding:10px; color: #000; text-align: center;}

/* Navigation */
hr.nav {margin-top: 5px; margin-bottom: 5px; border: 0; border-top: 1px solid #eee;}
.navbar-header {postion: relative; width:100%;}
.navbar {border-radius: 0px;}
.navbar-default	{margin-bottom: 10px;background-color: transparent;border: transparent; font-size: 14px;}
.navbar-default .navbar-nav {position: absolute; bottom:0; right:0;}
.navbar-default .navbar-nav>li>a {color: #999999; letter-spacing: 0.05em;}	
.navbar-default .navbar-nav>li>a:hover {color: #000000;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #000000; background: transparent;}	

/* Artist Pagination */
.pagination {margin:0 auto;}
.pagination>li>a {color:#000; font-size: 12px;}
.pagination>li>a:hover {color:#666;}




/* Home Page Carousel */
.carousel-inner>.item>img, .carousel-inner>.item>a>img {max-height:500px; height:500px;}

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.carousel-caption h2 {
	font-size:18px;
	color: #fff;
}

/* Typography */

a {text-decoration: none; color: #000;}
a:hover {text-decoration: none; color: #808080;}
a.MAHome {color:#000000;font-weight:bold; text-decoration:none;}
a.MAHome:hover {color:#000000;font-weight:bold; text-decoration:underline;}

.MAPageTitle {font-size: 20px; font-weight: bold; color: #000000;}
.page-header {font-size:15px; font-weight: 700; border-bottom:0px; text-transform: uppercase; margin: 40px 0 10px;}

.btn-primary {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
	font-size: 13px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: rgba(247,143,30,.8);
	border-color: #f78f1e;
	font-size:13px;
}

/* Images */
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.portfolio-content {
}

.portfolio-content img {
    position: relative; /* allows repositioning */
    left: 50%; /* move the whole width of the image to the right */
    transform: translate(-50%,0);
}    

.image-artist {
    display: block;
	text-indent: -1000px; /* hide link text */
    overflow: hidden;
    background-size: cover;
    width: 100%;
    height: 250px;
    float: left;
}

.image-news {
    display: block;
	text-indent: -1000px; /* hide link text */
    overflow: hidden;
    background-size: cover;
    width: 100%;
    height: 350px;
    float: left;
}

.image {
    display: block;
	text-indent: -1000px; /* hide link text */
    overflow: hidden;
    background-size: cover;
    width: 100%;
    height: 250px;
    float: left;
}
.ArtistHolder, .NewsHolder {margin-bottom: 20px;}


/* Footer Styles */

footer {	
    margin: 100px 0 50px 0;
}
.footer-end {border-top: 1px solid #eee;}

/* Responsive Styles */

@media(max-width:1200px) {
	.image {
    	height: 170px;
	}
	.image-artist {
    	height: 250px;
	}
	.image-news {height:290px;}
}

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
    .portfolio-content {
    	width: 100%; 
    	max-height: 450px;
    	margin-bottom:20px;}
	.image, .image-artist {
    	height: 300px;
	}
	.image-news {}
}
@media (min-width: 900px) {
    .logo img {padding:10px 10px 10px 0; }  
}


@media (min-width: 768px) {
    .logo {text-align: left;}
}   

@media(max-width:768px) {
	.navbar-default {margin-bottom: 0;} 
	.navbar-header{margin-top: 5px; margin-bottom:5px;}
	.navbar-default .navbar-nav {position: relative;}
	hr.nav {margin-top: 0; margin-bottom: 5px; border: 0; border-top: 1px solid #eee;}
    .logo img {max-height: 75px; width: auto; padding-bottom:10px;}
    .img-portfolio {margin-bottom: 15px;}
	.image, .image-artist, .image-news {height: 400px;}
	.ArtistHolder, .NewsHolder {margin-bottom: 20px;}
    header.carousel .carousel {height: 70%;}
    .carousel-inner>.item>img, .carousel-inner>.item>a>img {max-height:400px; height:400px;}
}
@media(max-width:700px) {
   .image {height: 250px;}
}
@media(max-width:450px) {
   .image {height: 150px;}
	.ArtistHolder, .NewsHolder {margin-bottom: 20px;}
    .carousel-inner>.item>img, .carousel-inner>.item>a>img {height:300px;}
}