.juneteenth-1{
		background-color: var(--yellow);
	}

	.juneteenth-1 .content .wrapper div{
		padding:3rem;
	}

	.juneteenth-2{
		background-color: var(--yellow);
	}
	.juneteenth-3{
		background-size:cover;
		background-position:top center;
	}

@media (max-width: 768px){
	.fathers-01{
		min-height:100vh;
		background-size:auto 50%;
		background-position:65% 100%;
		background-repeat: no-repeat;
	}

}
@media (min-width: 768px){
	.fathers-01{
		background-size:cover;
		background-position:top right;
		background-repeat: no-repeat;

	}
	.juneteenth-1{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.juneteenth-2{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.juneteenth-3{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.hero.juneteenth-1 article > .wrapper > .content{
		width:90%;
		margin:0 auto;

	}
	.hero.juneteenth-1 article > .wrapper > * > .wrapper{
		flex-direction:row;
		justify-content:space-around;
	}
	.juneteenth-1 .content .wrapper div:first-of-type{
		border-right:2px solid black;

	}
	.juneteenth-1 img{
		width:90%;
		height:auto;
	}
}