/*------Body background gradient-------*/

body {
	background: linear-gradient(180deg, #000000, #555555 70%);
	background-attachment: fixed;
	background-repeat: no-repeat;
	min-height: 100%;
}


/*------Masthead area backround gradient------
.masthead-primary {
	background: linear-gradient(180deg, #000000, #ffffff 80%);
	background-attachment: fixed;
	background-repeat: no-repeat;
	min-height: 100%;
}

@media screen and ( max-width: 1024px ) {
	.masthead-primary {
		background: linear-gradient(180deg, #000000, #ffffff 70%);
		background-attachment: fixed;
		background-repeat: no-repeat;
		min-height: 100%;
	}
	.masthead-primary img {
		padding: 12px 12px 20px 12px;
	}
}	

@media screen and ( max-width: 640px ) {
	.masthead-primary {
		background: linear-gradient(180deg, #000000, #555555 100%);
		background-attachment: fixed;
		background-repeat: no-repeat;
		min-height: 100%;
	}
	
}*/


/*Custom footer with Pangolin social media code*/

.main {  
	border-bottom: 1px solid white;
}

 footer {
	background-color: transparent;
	max-width: 1280px;	
}

 .social-media-profiles ul {
    float: right;
    margin: 0  auto 1.5rem;
    max-width: 48px;
    padding: 0;
    position: relative;    
}
	
 .social-media-profiles ul li {
    float: left;
    list-style-type: none;
    margin: 0 4px 4px;
	padding: 2px 4px;
		background-color: #aaaaaa;
	border-radius: 6px
}

 .social-media-profiles ul li a {
	color: white;
}

#footer {
	padding: 12px 0;
}

@media screen and ( max-width: 1023px ) {
	#footer {
		padding: 12px 0 0;		
	}
	#footer p {
		text-align: center;
	}
	 .social-media-profiles ul {
		float: none;
		margin-top: 12px; 
	}	
}

/*------border on album set images------*/

.albums img {
	border: 1px solid white;
}

/*------border on large album images------*/

.fancybox-slide img {
    border: 1px solid white;
    top: 2%;
    height: 96%;
}