@media only screen and (max-width:1023px) {
	
	nav {
		display: flex;
		flex-direction: column;
	}
	
	.nav-first {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 5%;
		margin-bottom: 20px;
	}
	
	body.open {
		
	}
	
	.logo {
		max-width: 30%;
	}
	
	.nav-trigger {
		font-size: 2rem;
	}
	
	.nav-trigger {
		color: black;
	}
	
	.nav-second {
		display: none;
		padding: 30px 5%;
		background-color: #008f42;
	}
	
	.nav-second ul {
		display: flex;
		flex-direction: column;
	}
	
	.nav-second ul li {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	
	.nav-second a {
		color: white;
	}
	
	.services-content {
		flex-direction: column;
	}
	
	.services-content .left, .services-content .right {
		width: 100%;
	}
	
	.slider-inside {
		padding: 100px 0;
	}

	.slider-inside h1 {
		font-size: 2rem;
		padding: 0 50px;
	}
	
	.slider-inside .btn { 
		font-size: 1.5rem;
	}
	
	.home-contact-columns {
		flex-direction: column;
	}
	
	.home-contact-left, .home-contact-right {
		width: 100%;
		text-align: left;
	}
	
	.contactform input, .contactform textarea {
    width: calc(100% - 30px);
	}
	
	.footer-container {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.footer-container .left, .footer-container .right {
		display: flex;
		flex-direction: column;
		text-align: left;
		align-items: flex-start;
	}
	
	
	footer .logo {
		max-width: 50%;
		max-height: none;
	}
	
	footer .socials {
		display: none;
	}
	
	.service-box {
    margin-bottom: 20px;
	}
	
	.services-content .left {
		margin-bottom: 30px;
	}
	
	.services-content .right {
		margin-left: 0;
	}
	
	.gallery {
		flex-direction: column;
	}
	
	.gallery img {
		width: 100%;
		margin-bottom: 30px;
	}
}