@charset "UTF-8";
/* CSS Document */
*{
box-sizing: border-box;	
}
Body { 
	background-color:#F2E9E4;
	font-family: "amandine", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.banner{
	background-color:#C9ADA7;
	color:#22223B;
	font-family: "amandine", sans-serif;
    font-weight: 300;
	font-size: 25px;
    font-style: normal;
	text-align: center;
	padding: 6px
}

ul{
	list-style-type: none;
	background-color:#4A4E69;
	color:#C9ADA7;
	font-family: "mixta-sharp", serif;
    font-weight: 600;
	font-size: 20px;
    font-style: normal;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 0px 10px 0px;	
}
li{
  display:inline;
  padding: 0px 110px 0px 110px;
 margin: auto;
  }
li a{
	text-decoration: none;
	color:inherit;
}
li a:hover{
	font-weight: bold;
	color:#22223B;
}
h2{
	text-align: center;
	color: #22223B;
	font-family: "amandine", sans-serif;
	font-style:normal;
    font-weight: 500;
	font-size: 25px;
}
img{
	border: 10px solid #555;
	border-color: #4a4e69;
}
.div1{
	background-color: #9a8c98;
	width: 50%;
	float: left;
	height: 431px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0px 15px 0px 15px;
	box-sizing: border-box;	
	font-family: "mixta-sharp", serif;
    font-weight: 560px;
	font-size: 20px;
    font-style: normal;
	color:#22223B;
	text-align: center;
	display: inline-block;
}

.img1{
	float:left;
	margin-right: 6px;
	margin-left: 10px;
	margin-bottom: 20px;
	display: inline-block;	
}
.img2{
	float:left;
	margin-right: 10px;
	margin-left: 6px;
	margin-bottom: 20px;
	display: inline-block;	
}
.tw {
	clear: both;
	text-align: center;
	font-family: "amandine", sans-serif;
    font-weight: 525;
	font-size: 23px;
    font-style: italic;
	color: #22223B;
}
.cph1{ 
	margin-top: 15px;
	margin-right: 20px;
	margin-left: 70px;
	margin-bottom: 20px;
	display: inline-block;
}

.summary1{
	background-color: #9a8c98;
	float: right;
	margin-top: 15px;
	margin-right: 70px;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 556px;
	height: 270px;
	box-sizing: border-box;	
	font-family: "mixta-sharp", serif;
    font-weight: 560px;
	font-size: 20px;
    font-style: normal;
	color:#22223B;
	text-align: center;
	display: inline-block;
}


.summary2{
	background-color: #9a8c98;
	float: left;
	margin-top: 15px;
	margin-right: 20px;
	margin-left: 70px;
	margin-bottom: 20px;
	width: 556px;
	height: 270px;
	box-sizing: border-box;	
	font-family: "mixta-sharp", serif;
    font-weight: 560px;
	font-size: 20px;
    font-style: normal;
	color:#22223B;
	text-align: center;
	display: inline-block;
}

.cph2{ 
	float: right;
	margin-top: 15px;
	margin-right: 70px;
	margin-left: 20px;
	margin-bottom: 20px;
	display: inline-block;
}

.resume{
	width:500px;
	margin:auto;
}


.resume img{
    border: 20px solid #555;
	border-color: #9a8c98;
	
}
@media screen and (max-width:900px){
	.div1{
		width: 100%;
		height:auto;
	}
	.div2{
		width: 100%;
		height:auto; 
	}

	li{
		display: block;
		padding: 15px 10px 15px 10px;
		margin: auto;
		width: 90%;
	}

}

.footer{
	background-color: #C9ADA7;
	color:#22223B;
	font-family: mixta-sharp, serif;
    font-weight: 600;
	font-size: 16px;
    font-style: normal;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	width: 100%
}
.footer a{
	color: #22223B;
}
.footer a:hover{
	font-weight: bold;
	color:#4A4E69;	
}