@media(max-width:1200px){
	.container{
		width:100%;
		padding: 0 20px;
	}
	/* BREAK */



	header{
		float: none;
		position: fixed;
		left: 0; top: 0;
		width: 100%;
		background: #fff;
		z-index:14;
		padding: 11px 0;
		box-shadow:5px 5px 5px rgba(0,0,0,0.1); 
		-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.1); 
	}
	a.logo img{width: 120px; height: auto;}
	.header-right{
		display: flex;
		align-items: center;
	}
	a.showmenu{
		display: block;
		float: right;
		width:42px; height: 42px; line-height: 42px;
		text-align:center;
		color:#000;
		font-size:24px;
		margin:0 0 0 0;
	}
	a.hidemenu{
		display: none;
		position: fixed;
		right: 10px; top: 10px;
		width:42px; height: 42px; line-height: 42px;
		text-align:center;
		color:#fff;
		font-size:24px;
		margin:0 0 0 0;
		z-index: 16;
	}
	nav{
		display: none;
		float: none;
		position: fixed;
		width: 100%; height: 100%;
		z-index: 15;
		left: 0; top: 0;
		background: rgba(0,0,0,0.9);
		overflow-y: auto;
		padding: 100px 30px;
	}
	nav ul{
		float: none;
		display: table;
		width: 200px;
		margin: 0 auto 0 auto;
	}
	nav ul li{
		float: left;
		width: 100%;
		color:#fff;
		margin: 0 0 10px 0;
	}
	nav ul li:last-of-type{
		margin-bottom: 0;
	}
	nav ul li a{
		color:#fff;
		padding: 6px 15px;
	}
	nav ul li:hover a, nav ul li.active a{
		border: 1px solid #fff;
	}
	.headersocial{
		margin-left: 10px;
		padding:4px 0;
		padding-left: 10px;
	}


	body.black header{background: black;}
	body.black a.showmenu{color: #fff;}
	/* BREAK */




	.banner{padding:90px 0 20px 0;}
	.banner .headings{width: 70%;}
	.banner .headings h3{
		font-size:13px;
		letter-spacing: 2px;
		margin:0 0 20px 0;
	}
	.banner .headings h1{
		font-size:24px;
		margin:0 0 20px 0;
		padding: 20px 0 10px 0;
	}
	.banner .headings a.btn{
		font-size:18px;
	}
	.banner .headings a.btn i{
		width: 30px; height: 30px;
		line-height: 28px;
		border: 2px solid #fff;
		font-size: 15px;
	}
	.bannerslider .item img{
		aspect-ratio: 16/7.25;
	}
	/* BREAK */




	.about{
		margin: 50px 0;
	}
	.about .text{
		width: 47%; 
	}
	.about .text h2{
		font-size:24px;
		margin-bottom: 20px;
	}
	.about .text h3{
		font-size:14px;
		margin-bottom: 20px;
	}
	.about .text p{
		font-size:12px;
		margin-bottom: 30px;
	}
	/* BREAK */




	.picturegallery{
		padding: 0 0 50px 0;
	}
	.picturegallery h2{
		font-size:24px;
	}
	.galleryitems{
		margin-top: 30px;
	}
	.galleryitems .item{
		width: 33.333%;
	}
	.galleryitems .item .text{
		padding: 10px;
	}
	.galleryitems .item .text h3{
		font-size:13px;
		margin-bottom: 3px;
	}
	.galleryitems .item .text p{
		font-size:10px;
	}
	.galleryitems .item a:after{
		font-size: 36px;
	}
	.gallerylink{
		margin-top: 30px;
	}
	.gallerylink a{
		font-size:14px;
	}
	/* BREAK */





	.contactbox{
		padding: 40px;
	}
	.contactbox h2{
		font-size:24px;
	}
	.contactbox h3{
		font-size:12px;
		margin:0 0 30px 0;
		padding-bottom: 30px;
	}
	.contactbox h3:after{
		width: 60px; height: 1px;
	}
	.contactbox h4{
		font-size:12px;
	}
	/* BREAK */





	footer{
		padding: 40px 0;
	}
}

	



@media(max-width:640px){
	a.showmenu{
		width:30px; height: 30px; line-height: 30px;
		font-size:18px;
	}
	/* BREAK */





	.banner .headings h3{
		font-size:10px;
		letter-spacing: 1px;
		margin:0 0 10px 0;
	}
	.banner .headings h1{
		font-size:13px;
		margin:0 0 10px 0;
		padding: 10px 0 0 0;
		font-weight: normal;
		letter-spacing: normal;
	}
	.banner .headings h1:before{
		width: 60px; height: 1px;
	}
	.banner .headings a.btn{
		font-size:13px;
	}
	.banner .headings a.btn i{
		width: 20px; height: 20px;
		line-height: 18px;
		font-size: 11px;
	}
	.bannerslider .item img{
		aspect-ratio: 16/12;
	}
	.banner a.prev{
		left: 0; width: 40px; height: 40px; line-height: 40px;
	}
	.banner a.next{
		right: 0; width: 40px; height: 40px; line-height: 40px;
	}
	/* BREAK */





	.about .text, .about .image{
		width: 48%; 
	}
	.about .text h2{
		font-size:18px;
		margin-bottom: 10px;
	}
	.about .text h3{
		font-size:12px;
		margin-bottom: 10px;
	}
	.about .text p{
		font-size:10px;
		margin-bottom: 20px;
	}
	/* BREAK */





	.galleryitems .item{
		width:50%;
	}
	.gallerylink a{
		font-size:12px;
	}
	/* BREAK */





	.copyright{
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
	.social{
		float: none;
		display: table;
		width: about;
		margin: 0 auto;
	}
}