@charset "utf-8";
@import url("stylesheet_768px.css");
/* CSS Document */

@media (max-width:768px){

footer{
	font-size: 2.8vw;	
}	
	
h1 {	
	width: 11%;
	padding: 1vw 8vw 0vw 1.6vw;
	font-size: 5vw;	
}	
	
h2 {
	width: 90%;
	font-size: 16px;
	padding: 2% 5% 0% 5%;
}

h4{
	width: 50%;
	font-size: 18px;

	padding: 0% 0% 3% 3%;
	}
/*The links start losing its right-justified alignment at < 600px, reaching left-justified at 375px.*/
nav {
	width: 20%;
	inline: block;
	font-size: 1.6vw;
	padding-top: 2%;
	text-align: left;
	padding-left: 8%;
}

.author {
	width: 30%;
	padding: .5% 0% 0% 0%;
	font-size: 12px;	
}

.collection-title	{
	font-size: 18px;
	padding-top: 5px;
}
	
.column1 {
	width: 76%;
	padding: 5% 12% 0% 12%;
}

.column1 img {
	width: none;	
	padding: 0% 5% 0% 5%;
}
	
.column2 {
	width: 100%;
	font-size: 2.5vw;
}

.contactText{
	width: 90%;
	
	}
	
.container	{
	width: 80%;
}

.defaultCaption	{
	width: 50%;
	float: left;
}

.featured-artwork /*Text*/{
	width: 80%;
	padding: 6% 10% 0% 10%;
	font-size: 14px;
}
	
.georgetown	{
	width: 90%;
	padding: 6% 5% 0% 5%;
}
/*Selectors .logo and h1 begin to disproportionally affect, if viewed at a page with 600px, or less, in width.*/	
	
.logo{
	width: 17vw;
	padding: 0% 0% 1% 15%;
	float: left;
	padding-top: 15px;
}

.NBCC-Logo{
	padding-left: 0%;
	}
	
.NBCC-Logo img{
	width: 64%;
	padding: 0% 18% 4% 18%;
	
	}


	
.noyes-library	{
	width: 80%;
	padding: 0% 10%;
	}
	
.P-AND-P {
	width: 50%;
	padding-top: 8px;
}

/*The actual P. AND P. Logo*/

	
.photo-op{
	width: 33%;
	padding: 1% 15% 0% 10%;	
	font-size: 12px;
	float: left;
}
	
.profile-image {
	width: 40%;
	float: left;
	}

.wesley-chapel {
	width: 40%;
	padding: 3% 5% 2% 5%;
}



}



/*@media (max-width:300px){
	
.NBCC-Col-1  {
	width: 96%;
	padding: 4% 2% 0% 2%;
}
	
.NBCC-Col-1 img {
	width: 100%;
}
	
.column2 {
	width: 35%;
	float: none;
	
}
}*/