#nav{
	text-align:center; 
	background-color:#d7d7d7;
	width: 100%;
	height: 100px;
	text-decoration: none;
    
	padding-top:50px; 
	
    font-family: "Montserrat", sans-serif;

}


#nav a {
    position: relative;
    padding: 20px;
    text-decoration: none;
    color: black;
}

/* underline */
#nav a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 10px;
    left: 20px;
    
    transition: width 0.3s ease;
}

/* Animate the underline from left to right */
#nav a:hover::after {
    width: calc(100% - 40px);
}

.home:hover::after {
    background-color: #e85d75;
}

.renoir:hover::after {
    background-color: #e89b45;
}

.monet:hover::after {
    background-color: #4a90c2;
}

.seurat:hover::after {
    background-color: #57966c;
}

.vangogh:hover::after {
    background-color: #9570bd;
}



.logo{
	position:relative;
	padding-left:30px;
	float:left;
	margin-right: 20px;
	top:-20px;
	
}


.logo:hover {
    content: url("logo_color.png");
}

/* NAVIGATION STYLE */
#nav a:link{
	padding: 20px;
	text-decoration:none; /* default with no line */
}




#nav a:visited{ /* what happens when it is visited*/
	color: black;
	
}

#wrap {
    text-align: left;
    max-width: 1000px;
    min-width: 600px;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    padding: 50px;
    padding-bottom: 100px;
    font-family: "Montserrat", sans-serif;
}

#paragraph {
    padding-bottom: 70px;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#painting{
margin-left:auto;
margin-right:auto;
text-align:center; /* image only centers with the text align*/
padding-bottom: 10px;

}





.painting-section {
    width: 600px;
    margin: 0 auto 40px;
    text-align: left;
}

.painting-section h2 {
    text-align: left;
    margin-bottom: 15px;
}

.painting-section img {
    display: block;
    width: 100%;
    height: auto;
}

.painting-section .detail {
    text-align: left;
    width: 100%;
    margin-top: 15px;
}






.paint-head{
text-align:center; 	
}

.info{
	padding-bottom:50px;
	text-align: left;
    
}

.detail{
	text-align:left
		
}




#name h1 {
    text-align: center;
}

.home-section {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
}

.home-section img {
    display: block;
    width: 100%;
    height: auto;
}

#welcome {
    width: 100%;
    max-width: 600px;
    text-align: left;
}

.home-section .info {
    width: 100%;
    text-align: left;
}

#date {
    text-align: left;
}





#date{
	margin-top: 100px;
	margin-bottom: 100px;
	padding: 20px;
	color:#ffffff;
	background-color: #000000;
	border-radius: 20px;
}


#sources{
	font-size: 12px;
	padding-top: 50px;
}




.map {
    display: block;
    width: 600px;
    max-width: 100%;
    margin: 0 auto 40px;
}



#footy{
   
	background-color: black;
	color:white;
	padding: 50px;
    font-family: "Montserrat", sans-serif;
    
}