@charset "UTF-8";


/*---------------------------------- iPad ------------------------------*/

@media screen and (min-width: 768px) and (max-width: 1024px)  {
	
	
	
	
	
	
	
	
	
section { position: relative; min-height: 100vh; }
	
	
	
.bio { padding: 100px 30px;  display: grid; grid-template-columns: 1fr; gap: 0px; }	

.clients { grid-template-columns: 1fr 1fr; gap: 50px 25px; justify-items: center;}
	
.mixes {  position: relative;  padding: 100px 30px; width: calc(100vw - 60px); max-width: 1600px; align-items: center; display: grid;  justify-content: center; grid-template-columns: 1fr; gap: 0px; }	
	
.playlists {  padding: 100px 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; }
	
.playlists .overview { grid-column: 1 / span 2; }
	
.playlists .cta {    grid-column: 1 / span 2; }
	
.xmas {     padding: 100px 0px; grid-template-columns: 1fr; gap: 25px; }
	
	
	
	
	
	
	
	
	
	
}