/* 
This is the section css for
Michael Di Giovine 
*/

.left-float{
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
}
.float-right{
	text-align: right;
	margin-left: 30px;
	margin-bottom: 10px;
}
.float-right a{
	font-size: .9em;
}
.contentHolder .float-right a:visited:not(.btn){
	color: #6e3061;
}
#hp .grid3{
	padding-right: 30px;
	padding-left: 30px;
}
#hp .grid3 img{
	width: 100%;
}
#hp .grid9{
	padding-right: 5px;
}
#hp h2{
	margin-top: 3%;
}
#hp .upgrade-font, .mobile-show-title{
	font-size: 1.1em;
	color: #6e3061;
	font-weight: bold;
}
#hp .upgrade-font .line-enlarge{
	font-size: 1.2em;
	color: #ffe800;
}
#hp .btnPad{
	padding: 0px 2.5%;
}
#book-page h2{
	margin-left: 30px;
}
.top-pad{
	padding: 0px 10%;
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 2.5%;
}
#home-content .top-pad .grid3{
	padding: 0px 5%;
}
.top-pad .grid3 img{
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
	transition: all .2s;
}
.top-pad .grid3 a:hover img{
	transform: scale(1.05);
	transition: all .2s;
}
#home-content .top-pad .grid3 p{
	text-align: center;
}

#book-section{
	float: left;
	width: 100%;
	display: block;
}
#book-section > .row-responsive{
	padding: 2.5%;
	width: 100%;
}
#book-section > .row-responsive .grid10{
	padding-left: 20px;
}
#book-section > .row-responsive .grid10 h3:first-of-type{
	margin-top: 0px;
}
#book-section > .row-responsive .grid10 .grid6:first-of-type{
	padding-right: 30px;
}
.sideAccordionContent > div h3:first-of-type{
	margin-top: 10px;
}

#about-images .grid3{
	padding: 0px 10px;
}
#about-images .grid3 img{
	display: block;
	margin: 0 auto;
}
#home-content #about-images .grid3 p{
	text-align: center;
}
#home-content .photo-section, #home-content .related-section{
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 2.5%;
}
#home-content .photo-section img{
	display: block;
	margin: 0 auto;
}
#home-content .otherProjects .grid3, #home-content .teachingAdvising .grid3, #home-content .photo-section .grid3, #home-content .photo-section .grid4{
	padding: 0px 20px;
}
#home-content .otherProjects .grid3 img, #home-content .teachingAdvising .grid3 img{
	margin-bottom: 20px;
}
#home-content .photo-section .row-responsive{
	margin-top: 0px;
	margin-bottom: 0px;
}
.artSocialBar{
	width: 100%;
	display: block;
	background-color: #6e3061;
	text-align: center;
	padding: 10px;
	float: left;
	margin-top: -5px;
}
#home-content .artSocialBar p{
	margin: 0px 0px;
}
.socialLogo{
	display: inline-block;
	margin-right: 5px;
	max-width: 45px;
}
.borderContent .border{
	float: left;
	width: 100%;
}
.no-wrap{
	white-space: nowrap;
}


@media screen and (min-width: 768px){
	#book-section > .row-responsive, #home-content .related-section .row-responsive{
		display: flex;
	}
	#book-section > .row-responsive .grid2 img{
		position: sticky;
		top: 50px;
	}
	#home-content .related-section .grid6:first-of-type{
		padding-right: 30px;
		padding-bottom: 2.5%;
		border-right: 2.5px solid #ffe800;
	}
	#home-content .related-section .grid6:last-of-type{
		padding-left: 30px;
		padding-bottom: 2.5%;
		border-left: 2.5px solid #ffe800;
	}
	#home-content .contain-row .row-responsive:last-of-type{
		padding: 0px 15%;
	}
	#home-content #hp .contain-row{
		padding: 0px 10%;
	}
	#home-content #hp .contain-row .row-responsive:last-of-type{
		padding: 0px 5%;
	}
	.mobile-show-title{
		display: none;
	}

}


@media screen and (max-width: 768px){
	#hp .grid3{
		padding-left: 18%; 
		padding-right: 18%;
		padding-bottom: 10%;
	}
	#hp .grid9{
		padding: 0px 20px;
	}
	.upgrade-font, .no-mobile{
		display: none;
	}
	.border .grid4 p{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.borderContent{
		padding: 0px 0px;
	}
	#home-content .pictureGridContainer, .btnPad{
		padding-left: 0px;
		padding-right: 0px;
	}
}