@charset "utf-8";
/* CSS Document */


body{
	
	font-family: Merriweather, Playfair Display, Georgia, serif;
}
/*nav bar and footer in site-wide.css file*/


/*timeline*/

h1{
	margin-top:100px;
	text-align: center;
	text-shadow: 2px 2px 2px #760709;
	font-weight: bold;
	font-size:35px;
}

#introduction{
	text-align: center;
	margin-top: 20px;
}


/* new section */ 
.infocolumn{
	float:left;
	width:45%;
	text-align: center;
	margin-left:50px;
	margin-top: 150px;
}


/*clear floats after column*/

.information_row:after{
	content:"";
	display: table;
	clear:both;
}

.infocolumn img{
	border-radius: 50%;
	opacity: 0.9;
}


@media screen and (max-width:1200px){
	.information_row{
		display:flex;
		flex-direction: column-reverse;
		
	}
	
	.infocolumn{
		width:100%;
		margin-left:auto;
		margin-right: auto;
		text-align: center;
		font-size: 15px;
		margin-top:20px;
		
	}s
	.infocolumn img{
		width:370px;
		height:250px;
		border-radius:50%;
	}
  
	#info_1{
		margin-top:15px;
		
	}
}

@media screen and (max-width:800px){
	.information_row{
		display:flex;
		flex-direction: column-reverse;
	
	}
	
	.infocolumn{
		width:100%;
		margin-left:auto;
		margin-right: auto;
		text-align: center;
		font-size: 14px;
		margin-top:20px;
	}
	.infocolumn img{
		width:300px;
		height:275px;
		border-radius:50%;
		margin-bottom: 15px;
	}
  
	#info_1{
		margin-top:15px;

	}
	
	#introduction{
		margin-bottom: 20px;
	}

	.infocolumn img{
	border-radius: 50%;
	opacity: 0.9;
}
}

@media screen and (max-width:600px){
	.information_row{
		display:flex;
		flex-direction: column-reverse;
	
	}
	
	.infocolumn{
		width:100%;
		margin-left:auto;
		margin-right: auto;
		text-align: center;
		font-size: 14px;
		margin-top: 120px;
	}
	.infocolumn img{
		width:300px;
		height:250px;
		margin-bottom:15px;
	}
  
	#info_1{
		margin-top:10px;

	}
	
	#introduction{
		margin-bottom:5px;
	}
	
	.infocolumn img{
	border-radius: 50%;
	
	opacity: 0.9;
}
}


#info_3{
	text-align: center;
	margin-top:150px;
	margin-bottom:150px;
}


.button1{
	background-color: #760709;
	margin-top:20px;
	padding:15px;
	
}

.button1 a {
	color:white;
	text-decoration: none;
	
}
.button1 a:hover{
		text-decoration:underline; 
	    color:black;
	}

.button1:hover{
	background-color:darkgoldenrod;
	}






h2{
	margin-top:150px;
	text-align: center;
	margin-bottom:50px;
	
}

.timeline-row{
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	box-sizing: border-box;
}

.time-column-1{
	flex:20%;
	align-content: center;
	justify-content: center;
	text-align:center;
	margin-top:60px;
	margin-left:15%;

	
	
}
.time-column{
	justify-content: center;
	flex:45%;
	align-content: center;
	margin-top:70px;
    margin-right:25%;
	box-sizing: border-box;
    border-bottom: thick solid #760709;
}

.time-column p{
	padding-top:15px;
	padding-bottom:25px;
}


@media screen and (max-width:1200px){
	.timeline-row{
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	box-sizing: border-box;
}

.time-column-1{
	flex:20%;
	align-content: center;
	justify-content: center;
	text-align:center;
	margin-top:70px;
	margin-left:10%;

	
	
}
.time-column{
	justify-content: center;
	flex:45%;
	align-content: center;
	margin-top:70px;
    margin-right:20%;
	box-sizing: border-box;
    border-bottom: thick solid #760709;
}

.time-column p{
	padding-top:15px;
	padding-bottom:25px;
}

}

@media screen and (max-width:900px){
	h2{
		margin-bottom:25px;
	}
	.timeline-row{
		display:flex;
		flex-direction:column;
		padding-left:5px;
		padding-right:5px;
	}
	
	.time-column{
		flex:50%;
		margin-top:25px;
		margin-right:0%;
		text-align:center;
		
	}
	
	.time-column-1{
		flex:50%;
		margin-left:0%;
		
	}
	
	.time-column p{
	padding-top:5px;
	padding-bottom:10px;
	font-size:15px;
}

}