/*Global styles
-------------------------------*/
/*add to all your base css for proper placement of content from here*/
html{
	box-sizing: border-box; 
}
*, *:before, *:after{
	box-sizing: inherit;
}
/*to here*/
body{
	color: #000000;
	margin: 0;
	padding: 0;
	background: #f0f7ee;
	font-size: 15px;
	line-height: 1.5;
	font-family: 'Ibarra Real Nova', serif;
}
a{
	color: ghostwhite;
}
a:hover{
	text-decoration: none;
	color: aqua;
}
img{
	width: 200px;
	border-radius: 5px;
}
h1{
	font-size: 100px;
	line-height: 1;

}
h2{
	font-size: 45px;
}
h1, h2{
	font-family: 'Cormorant SC', serif;
	margin: 0;
}
.content-wrap{
	max-width: 900px;
	width: 85%;
	margin: 0 auto;
	padding: 60px 0;
}
.content-wrap iframe{
	position: relative;
	top: 10px;
	right: 10px;
}
.divider > section{
	border-bottom: 1px dashed #bb9457;
	padding: 25px 0;
}
.divider > section:last-of-type{
	border-bottom: none;
}

/*About style
-------------------------------*/
header{
	background:#000000;
	/*color: #f0f7ee;*/
	display: block;
	color: #bb9457;
	
	
}
/*Project style
-------------------------------*/
.Projects{
	/*background: #f0f7ee;*/
	display: block;
	
}
.project-item{
	overflow: hidden;
}
.project-item h3{
	margin-top: 0;
}
.project-des{
	display: grid;
}
/*Work style
-------------------------------*/
.btn a{
	color: #f0f7ee;
	background: #bb9457;
	padding: 5px;
	margin: 0 auto;
	text-decoration: none;
	border-radius: 5px;
}
.btn a:hover{
	background: rgba(187,148,87,80%);
}
.Work{
	/*background: #f0f7ee;*/
	display: block;
}
.item-dets h3{
	margin-bottom: 0;
}
.item-dets h3 + p{
	font-style: italic;
}
.item-dets h3 ~ p{
	margin: 0;
}
/*Education style
-------------------------------*/
.Education{
	
	background-image:url(../images/giorgio-trovato-v_bri4iVuiM-unsplash.jpg);
	background-size: cover;
	background-position: right;
	padding-right: 100px;
	border-radius: 5px;
}
.Education p{
	width: 60%;
}
/*Contact style
-------------------------------*/
footer{
	background:#bb9457;
}
/*.footer-wrap{
	width: 900px;
	margin: 0 auto;
	padding: 60px 0;
}*/
.contacts{
	display: block;
	list-style-type: none;
	padding: 0;
	
}
/*Responsive
-------------------------------*/
@media screen and (min-width:750px){
	header, footer{
		text-align: center;
	}
	.project-item img{
		float: left;
		margin-right: 20px;
	}
	.job-item{
		display: grid;
		grid-template-columns: 1fr 2fr;
		column-gap: 20px;
	}
	.contacts{
		list-style-type: none;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	

}
@media screen and (max-width: 749px){
	h1{
		font-size: 75px;
		line-height: 0.9;
		margin-bottom: 10px;
	}
	h2{
		line-height: 1;
	}
	.Education{
		background-position: 0rem;
	}
}