.slick-next {
	right: 1rem;
}

.slick-prev {
	left: 1rem;
	z-index: 99;
}

img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 768px) {
	img {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 320px) {
	#phnav h1 {
		font-size: 20px;
	}

	#phnav .p-2 {
		padding: 1rem;
	}
}

@media screen and (max-width: 280px) {
	#phnav h1 {
		font-size: 18px;
	}

	#phnav .p-2 {
		padding: 10px;
	}
}

@media screen and (max-width: 240px) {
	#phnav h1 {
		font-size: 16px;
	}
}
