body{
	margin: 0 auto;
	padding: 2em;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Playfair Display', serif;
}
p, a, footer span{
	font-family: 'Alice', serif;
}
h3, h5{
	font-weight: normal;
}
p{
	line-height: 1.6em;
	font-size: 1.14em;
	color: #52616A;
}
a{
	text-decoration: none;
}
.container{
	padding: 0 8%;
	margin: 0 auto;
}
/*Navigation---------------------------*/
#navbar{
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
#navbar nav{
	padding: 0 10% 0 0;
}
.nav-link{
	padding: 0 .7em;
	opacity: 0.9;
	color: #000;
}
.nav-link:hover{
	opacity: .4;
}
.logo{
	padding: .2em 10%;
	font-size: 2.4em;
	text-transform: uppercase;
	color: #000;
}
/*Intro---------------------------*/
.intro{
	padding: 4em 4em 8em 2em;
}
.intro h1{
	font-size: 2.4em;
	line-height: 1.44em;
}
.intro img.right{
	float: right;
	padding: 0 2em;
	margin: 0 0 6em 0;
}
.intro .row{
	padding: 2em 0;
}
.intro .fa{
	padding: 0 .4em;
}
.contact-btn{
	margin: 0 2.4em 0 0;
	border: 1px solid #52616A;
	padding: .64em;
	color:  #52616A;
}
.contact-btn:hover{
	color: #000;
}
/*Portfolio---------------------*/
.portfolio{
	padding: 2em 0 8em 0;
}
.portfolio h2{
	text-align: center;
	font-size: 1.84em;
}
.clearfix{
	margin: 4.6em 0;
	clear: both;
	padding: 4em;
	background: #F5F7F9;
}
.clearfix img.right{
	float: right;
	width: 44%;
	height: auto;
	padding: 0 0 2em 4em;
}
.clearfix img.left{
	width: 44%;
	float: left;
	height: auto;
	padding: 0 4em 2em 0;
}
.clearfix h4{
	margin: 0;
	font-size: 1.38em;
}
.clearfix::after{
	content: "";
	clear: both; 
	display: table;
}
.portfolio .row{
	padding: 2em 0;
}
.launch{
	padding: .7em 0;
	color: #000;
}
/*scroll button----*/
#scroll-up{
	display: none;
	position: fixed;
	margin: 0;
	bottom: 4%;
	right: 4%;
	font-size: 2em;
	color: #000;
}
/*footer----------------*/
footer{
	text-align: center;
	padding: 1em;
}
footer span{
	font-size: .88em;
}
/*banner & blog-----------------*/
#banner{
	margin: 0;
	padding: 7.2em 0;
	text-align: center;
	background-color: #f7f7f7;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}
#blog{
	padding: 8% 10%;
}