@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Lora', serif;
}

#top_title{
    text-align: center;
    font-size: 40px;
	margin: 5rem 0rem 5rem 0rem;
    text-shadow: 2px 2px 3px grey;
}


.textwrapper{
/*	border: solid 2px pink;*/
    width:100%;
    display:flex;
    flex-flow:wrap;
    justify-content:center;
    margin-bottom:15vh;
	margin-top: 5vh;
}

.subwrapper{
	display: flex;
	flex-flow: row wrap;
/*	border: solid 5px gold;*/
    font-weight: 500;
	margin: 2rem;
	max-width: 1000px;
/*	border-radius: 15px;*/
	font-size: 16px;
	box-shadow: 1px 0px 5px 1px grey;
}

.subwrapper:hover{
  transform: translateY(-4px);
  box-shadow: 0 10px 14px rgba(50,50,93,.3), 0 3px 6px rgba(0,0,0,.08);
  opacity: 0.7;
  cursor: pointer;
  transition: all 0.5s;
    background-color: white;
}

a{
    text-decoration: none;
    color:black;
}

.title_logoA {
/*	border: solid 2px red;*/
	max-width: 400px;
	order: 1;
	flex-wrap: wrap;
	flex: 300px;
	text-align: center;
}

.title_logoB {
/*	border: solid 2px red;*/
	max-width: 400px;
	order: 1;
	flex-wrap: wrap;
	flex: 300px;
	text-align: center;
}


.title_logo img {
	width: 100%;
}

#smithsonian_nist img {
	max-height: 40%;
	padding: 1rem;
}

#manchester {
	background-color: #6B2C91;
	padding: 5rem 1rem;;
}

#hyksos img{
	max-width: 100%;
	padding: 10% 5%;
}

#postclassic img{
	max-height: 250px;
}

#postclassic{
	background-color: #83322F;
}

#limestone img{
	max-height: 250px;
}

.database_title {
	font-size: 20px;
	padding-bottom: 1rem;
}

.descriptionA {
	padding: 3rem;
	text-align: justify;
/*	border: solid 2px green;*/
	order: 2;
	flex-wrap: wrap;
	flex: 400px;
/*	background-color: #053C99;*/
/*	color: white;*/
	border-left: 3px solid white;

}

.descriptionB {
	padding: 3rem;
	text-align: justify;
/*	border: solid 2px green;*/
	order: 2;
	flex-wrap: wrap;
	flex: 400px;
/*	background-color: #053C99;*/
/*	color: white;*/
	border-left: 3px solid white;

}
