*{
		box-sizing: border-box;
		-webkit-box-sizing:border-box;
		margin: 0; padding: 0; outline: none;
	}
	a{text-decoration: none;}
	ul{list-style: none;}
	table{border-collapse: collapse; border-spacing: 0;}
	body{line-height: normal;}
	html{background: #fff;}
	.flw{float: left; width: 100%;}
	.flwpm{float: left; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0;}
	.container{
		width: 900px;
		margin: 0 auto 0 auto;
	}
	.container2{
		width: 550px;
		margin: 0 auto 0 auto;
	}
	/* BREAK */





	header{
		float: left;
		width: 100%;
	}
	.headertop{
		float: left;
		width: 100%;
		background: url(images/bannerbg.jpg) no-repeat center;
		background-size: cover;
		padding: 85px 0 65px 0;
	}
	.headertop a.logo{
		display: table;
		width: 150px;
		margin: 0 auto 50px auto;
		padding: 10px;
		overflow: hidden;
		border-radius:50%; -webkit-border-radius:50%;
		background: rgba(0,0,0,0.4);
	}
	.headertop a.logo img{
		float: left;
		width: 100%;
		height: auto;
		aspect-ratio: 1/1;
		object-fit: cover;
		object-position: center;
		border-radius:50%; -webkit-border-radius:50%;
	}
	.headertop h2{
		text-align:center;
		color:#fff;
		font-size:36px; line-height: 130%;
		font-family:'Google Sans';
		font-weight: normal;
		letter-spacing: -1px;
		margin:0 0 0 0;
	}
	.headertop h2 span{
		font-family: 'Playfair Display';
		font-style: italic;
	}
	/* BREAK */





	.menu{
		float:left;
		width:100%;
		margin: 0 0 0 0;
		padding: 20px 0;
	}
	nav{
		float: left;
		width: 100%;
	}
	nav ul{
		float: left;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	nav ul li{
		float: left;
	}
	nav ul li a{
		float: left;
		text-align:left;
		color:#000;
		font-size:14px;
		font-family:'Google Sans';
		text-transform: uppercase;
		margin:0 0 0 0;
		border-bottom: 1px solid rgba(0,0,0,0);
		transition:0.6s; -webkit-transition:0.6s;
	}
	nav ul li:hover a{
		border-bottom: 1px solid #000;
	}
	a.showmenu, a.hidemenu{
		display: none;
	}
	/* BREAK */







	.about{
		float: left;
		width: 100%;
		margin: 0 0 0 0;
		padding: 60px 0;
	}
	.about h2{
		text-align:left;
		color:#000;
		font-size:24px;
		font-family:'Google Sans';
		text-transform: uppercase;
		font-weight: 500;
		margin:0 0 20px 0;
	}
	.about p{
		text-align:left;
		color:#000;
		font-size:14px;
		font-family:'Google Sans';
		margin:0 0 0 0;
	}
	/* BREAK */






	.portfolio{
		float:left;
		width:100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	.portfolioitems{
		float: left;
		width: 100%;
		margin: 0 0 0 0;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
		gap: 4%;
	}
	.portfolioitems .item{
		float: left;
		width: 22%;
		margin: 0 0 50px 0;
	}
	.portfolioitems .item .thumb{
		float:left;
		width:100%;
		border-radius:15px; -webkit-border-radius:15px;
		overflow: hidden;
		margin-bottom: 15px;
	}
	.portfolioitems .item .thumb img{
		float:left;
		width:100%;
		height: auto;
		aspect-ratio: 4/3.8;
		object-fit: cover;
		object-position: center;
		transition:0.6s; -webkit-transition:0.6s;
	}
	.portfolioitems .item:hover .thumb img{
		transform: scale(1.2);
	}	
	.portfolioitems .item:hover .thumb img{
		cursor: zoom-in;
	}
	.portfolioitems .item h3{
		text-align:left;
		color:#000;
		font-size:12px;
		font-family:'Google Sans';
		text-transform: uppercase;
		margin:0 0 0 0;
	}
	/* BREAK */






	.contact{
		float:left;
		width:100%;
		margin:60px 0 100px 0;
		padding:0 0 0 0;
	}
	.contactbox{
		float:left;
		width:100%;
		margin:0 0 0 0;
		padding:30px;
		background: #fff;
		border-radius:15px; -webkit-border-radius:15px;
		border:1px solid #ccc;
	}
	.contactbox .text1{
		float: left;
		margin: 0 0 0 0;
	}
	.contactbox .text1 h2{
		text-align:left;
		color:#000;
		font-size:36px;
		font-family:'Google Sans';
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: -1px;
		margin:0 0 0 0;
	}
	.contactbox .text2{
		float: right;
		margin: 0 0 0 0;
	}
	.contactbox .text2 p{
		text-align:left;
		color:#000;
		font-size:14px;
		font-family:'Google Sans';
		margin:0 0 0 0;
	}
	/* BREAK */







	footer{
		float: left;
		width: 100%;
		margin: 0 0 60px 0;
	}
	footer .copyright{
		float: left;
		text-align:left;
		color:#000;
		font-size:14px;
		font-family:'Google Sans';
		margin:0 0 0 0;
	}
	footer .copyright a{
		color: #000;
		border-bottom: 1px solid #000;
	}
	footer .copyright a:hover{
		color: #666;
		border-bottom: 1px solid #666;
	}
	footer .social{
		float: right;
		margin:0 0 0 0;
	}
	footer .social a{
		text-align:left;
		color: #000;
		font-size:15px;
		margin-left: 5px;
		transition:0.6s; -webkit-transition:0.6s;
	}
	footer .social a:hover{
		color: #666;
		border-bottom: 1px solid #666;
	}