
.block-editor-block-list__block{border:1px solid teal; border-radius:10px; padding: 15px; box-shadow:1px 1px 6px rgb(0,0,0,0.4)}


.content-block{padding: 0 30px}
.content-block-inner{max-width:var(--content-width); margin: 0 auto}

.videowrapper{aspect-ratio:16/9; position: relative; margin: 30px auto}
.videowrapper iframe{width:100%; height: 100%; position: absolute; top:0; left:0}
.video-block{padding: 0 30px}
.video-block h2{padding: 0; margin: 15px 0 0}
.video-block-inner{max-width:var(--content-width); margin: 0 auto}

.soundcloud-block{padding:30px}
.soundcloud-block-inner{max-width:var(--content-width); margin: 0 auto}

.store-block{padding: 30px}
.store-block h2{text-align: center; margin: 0 auto 15px}
.storeFlex{margin:0 auto; max-width: 800px; grid-gap: 30px; align-items: center}
.storeFlex > div{ width:100%; text-align: center; max-width:50%}
.storeFlex > div:first-of-type{text-align: center}
.storeFlex > div:first-of-type img{object-fit: contain; object-position: center; width:100%; height: 100%}
.storeFlex > div:last-of-type{max-width:300px; padding: 30px 0; border-radius:10px; border:1px solid #ccc}

.store-image{aspect-ratio:1/1}
.store-image img{object-fit: contain; object-position: center; width:100%; height: 100%}

#carousel{width:100%; max-width:var(--content-width); aspect-ratio:16/9; position: relative; margin: 0 auto}
#carousel > div{width:100%; aspect-ratio:16/9; position: absolute; top:0; left:0; opacity: 0; transition:all 600ms ease-in-out}
#carousel > div:first-of-type{opacity:1}
#carousel img{object-fit: cover; object-position: center; width:100%; height: 100%}

@media only screen and (max-width : 1200px) {

}
@media only screen and (max-width : 1000px) {
	.storeFlex{display:block; max-width:320px}
	.storeFlex > div{width:100%; max-width: 100% !important}
}
@media only screen and (max-width : 950px) {

}
@media only screen and (max-width : 850px) {

}
@media only screen and (max-width : 700px) {
	.albumflex{display:block}
}

@media only screen and (max-width : 500px) {

}
@media only screen and (max-width : 400px) {

}
