@media only screen and (max-width: 560px) {
	.container {
		padding-left: 16px;
		padding-right: 16px;
	}
	.title-area {
		width: 100%;
	}
	.footer-row-1 {
		flex-direction: column;
	}

	footer .logo {
		width: 200px;
	}

	.main-menu {
		order: 2;
	}

	.burger {
		width: 55px;
		height: 55px;
		border-radius: 10px;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 5px;
		transition: all 0.5s ease;
	}

	.burger-strip {
		transition: all 0.5s ease;
	}
	.strip div {
		height: 3px;
		border-radius: 2px;
		background: rgb(253 243 223);
		margin: 10px;
		transition: all 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
		width: 40px;
	}
	.burger.active .strip div {
		background: white;
	}

	/* BURGER 2 */
	.burger.active .burger-strip-2 div:first-child {
		transform: translateY(13px) rotate(45deg);
	}
	.burger.active .burger-strip-2 div:nth-child(2) {
		opacity: 0;
	}
	.burger.active .burger-strip-2 div:last-child {
		transform: translateY(-13px) rotate(-45deg);
	}

	/* BURGER 4 */
	.burger.active .burger-strip-4 {
		transform: scale(0.85);
	}
	.burger.active .burger-strip-4 div:first-child {
		width: 20px;
		transform: translateY(8px) rotate(-30deg);
	}
	.burger.active .burger-strip-4 div:nth-child(2) {
		width: 38px;
	}
	.burger.active .burger-strip-4 div:last-child {
		width: 20px;
		transform: translateY(-8px) rotate(30deg);
	}
	header .logo {
		width: 126px;
	}
	header .main-menu {
		position: absolute;
		top: 70px;
		left: 0;
		width: 100vw;
		background-color: var(--primary-color);
		padding: 32px 0;
		display: none;
		z-index: 100;
	}
	header .main-menu.active {
		display: block;
	}
	header .main-menu ul {
		flex-direction: column;
	}
	header .main-menu li {
		padding: 16px 0;
		font-size: 16px;
		letter-spacing: 2px;
	}
	#hero.page-title .content{
		background-position-x: 100%;
		background-size: cover;
	}
	#hero.page-title .text{
		width: 80%;
	}
	#contact .contact {
		flex-direction: column;
	}


	#grow-2 .content{
		width: 100%;
	}


	article#post-content h1{
		font-size: 32px;
    	line-height: 40px;
		margin-bottom: 16px;
	}
}
