/*!
 * Generic Responsive Styles v1.0.0
 * Copyright 2022 Vassia Petrovic 
 */
@media only screen and (min-width: 1150px) {	

	.container{
		max-width: 1400px;	 
	}
	
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 992px) {

	.md-spacer{
	  padding-top: 40px;
	  padding-bottom: 40px;
	}
	.md-top-spacer{
	  padding-top: 40px;
	}
	.md-bot-spacer{
	  padding-bottom: 40px;
	}
	.lg-spacer{
	  padding-top: 75px;
	  padding-bottom: 75px;
	}
	.lg-top-spacer{
	  padding-top: 75px;
	}
	.lg-bot-spacer{
	  padding-bottom: 75px;
	}
	.xl-spacer{
	  padding-top: 90px;
	  padding-bottom: 90px;
	}
	.xl-top-spacer{
	  padding-top: 90px;
	}
	.xl-bot-spacer{
	  padding-bottom: 90px;
	}
	.xxl-spacer{
	  padding-bottom: 160px;
	  padding-top: 160px;
	}
	.xxl-bot-spacer{
	  padding-bottom: 160px;
	}
	.xxl-top-spacer{
	  padding-top: 160px;
	}
	header{
		text-align: center;
	}
	.logo {
		display: inline-block;
		width: 280px;
		margin: 0 20px 0 70px;
		float: none;
	}
	h1 {
		font-size: 50px;
		line-height: 55px;
	}
	.about h2,
	.categories h2,
	.testimonials h2,
	.instagram h2,
	.showcase.page-header figure figcaption h1 {
		font-size: 45px;
		margin-bottom: 15px;
	}
	h2{
		font-size: 40px;
		line-height: 42px;
	}
	.photo-wall figure.image-1 {
		height: 400px;
		margin-left: 14%;
		width: 70%;
	}
	.photo-wall figure.image-2 {
		height: 230px;
		width: 21%;
		top: 75px;
	}
	.photo-wall figure.image-3 {
		right: 0%;
		height: 170px;
		width: 28%;
		top: 10%;
	}
	.photo-wall figure.image-4 {
		left: 65%;
		height: 200px;
		width: 30%;
		top: 41%;
	}
	.showcase{
		height: calc(70vh - 95px);
	}
	.about figure.first {
		width: 80%;
		margin: 0 10%;
	}
}
@media only screen and (max-width: 768px) {
	
	.sm-spacer{
	  padding-top: 15px;
	  padding-bottom: 15px;
	}
	.sm-top-spacer{
	  padding-top: 15px;
	}
	.sm-bot-spacer{
	  padding-bottom: 15px;
	}
	.md-spacer{
	  padding-top: 35px;
	  padding-bottom: 35px;
	}
	.md-top-spacer{
	  padding-top: 35px;
	}
	.md-bot-spacer{
	  padding-bottom: 35px;
	}
	.lg-spacer{
	  padding-top: 60px;
	  padding-bottom: 60px;
	}
	.lg-top-spacer{
	  padding-top: 60px;
	}
	.lg-bot-spacer{
	  padding-bottom: 60px;
	}
	.xl-spacer{
	  padding-top: 80px;
	  padding-bottom: 80px;
	}
	.xl-top-spacer{
	  padding-top: 80px;
	}
	.xl-bot-spacer{
	  padding-bottom: 80px;
	}
	.xxl-spacer{
	  padding-bottom: 120px;
	  padding-top: 120px;
	}
	.xxl-bot-spacer{
	  padding-bottom: 120px;
	}
	.xxl-top-spacer{
	  padding-top: 120px;
	}
	
	h1 {
		font-size: 45px;
		line-height: 50px;
	}
	.about h2,
	.categories h2,
	.testimonials h2,
	.instagram h2,
	.showcase.page-header figure figcaption h1 {
		font-size: 40px;
		margin-bottom: 15px;
	}
	h2{
		font-size: 35px;
		line-height: 38px;
	}
	.photo-wall figure.image-1 {
		height: 300px;
		margin-left: 0;
		width: 100%;
	}
	.photo-wall figure.image-2,
	.photo-wall figure.image-3,
	.photo-wall figure.image-4 {
		display: none;
	}
	.showcase{
		height: calc(60vh - 95px);
	}
	
}
@media only screen and (max-width: 576px) {
	
	.sm-spacer{
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
	.sm-top-spacer{
	  padding-top: 10px;
	}
	.sm-bot-spacer{
	  padding-bottom: 10px;
	}
	.md-spacer{
	  padding-top: 30px;
	  padding-bottom: 30px;
	}
	.md-top-spacer{
	  padding-top: 30px;
	}
	.md-bot-spacer{
	  padding-bottom: 30px;
	}
	.lg-spacer{
	  padding-top: 50px;
	  padding-bottom: 50px;
	}
	.lg-top-spacer{
	  padding-top: 50px;
	}
	.lg-bot-spacer{
	  padding-bottom: 50px;
	}
	.xl-spacer{
	  padding-top: 70px;
	  padding-bottom: 70px;
	}
	.xl-top-spacer{
	  padding-top: 70px;
	}
	.xl-bot-spacer{
	  padding-bottom: 70px;
	}
	.xxl-spacer{
	  padding-bottom: 100px;
	  padding-top: 100px;
	}
	.xxl-bot-spacer{
	  padding-bottom: 100px;
	}
	.xxl-top-spacer{
	  padding-top: 100px;
	}
	.logo{
		width: 230px;
	}
	h1 {
		font-size: 40px;
		line-height: 50px;
	}
	.about h2,
	.categories h2,
	.testimonials h2,
	.instagram h2,
	.showcase.page-header figure figcaption h1 {
		font-size: 35px;
		margin-bottom: 15px;
	}
	h2{
		font-size: 32px;
		line-height: 35px;
	}
	.photo-wall figure.image-1 {
		height: 200px;
	}
	.showcase{
		height: calc(60vh - 95px);
	}
	.showcase figure figcaption h1{
		font-size: 30px;
		line-height: 35px;
	}
	.testimonials figure {
		width: 250px;
		height: 250px;
	}
	
}
@media only screen and (max-width: 440px) {
	
	.logo {
		display: block;
		margin: 0 20px;
		float: left;
	}
	.about figure.first {
		width: 100%;
		margin: 0;
	}
}
@media only screen and (max-width: 380px) {
	
	.logo {
		width: 180px;
	}
	.mmenu-trigger {
		font-size: 27px;
		padding: 0;
	}
	
}