/* Small tablets and larger mobile devices (481px - 768px) */
@media all and (max-width: 992px) {
	body{
		padding: 20px;
	}

	.sticky {
		top: 20px;
		padding: 0 20px;
	}
	
	.about{
		display:flex;
		flex-direction: column;
		gap: 40px;
	}
	
	.about p{ 
		padding-right: 0px;
	}
	
	.testimonialsGrid { 
		grid-template-columns: 1fr;
	}
	
	.about img{ 
		width: 50%;
		height: auto;
	}
	
	h1, a, p, ul li{ 
		font-size: 18px;
		line-height: 22px;
	}
	
	h2{ 
		font-size: 24px;
		line-height: 28px;
	}	
	
	.collab{
		flex-direction: column;
		gap: 12px;
	}
	
	.year{
		width: 100%;
	}	
	
	.projectsBtn{
		margin-top: 6px;
		gap: 6px;
		display: flex;
		flex-wrap: wrap;
	}	
}

@media all and (max-width: 768px) {
	nav{
		display:none;
	}	
}

@media all and (max-width: 576px) {
	.about img{ 
		width: 75%;
		height: auto;
	}
}

@media all and (min-width: 993px) and (max-width: 1200px){
	.year{ 
		width:150px;
	}
}