html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

/* Font Family Declarations */
/* Font Sizing Handler */
/* Typography Styles */
/* Centered element - Parent container should be position: relative; */
/* Force element to fill it's parent container */
/* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */
.music-experience-pathways-bg { position: relative; }

.music-experience-pathways-bg:after { background-image: url("../../../img/bg-pathway.jpg"); background-repeat: no-repeat; background-size: cover; bottom: 0; content: ''; left: 0; opacity: 0.5; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 0; }

.music-experience-pathways-bg .section--content { padding: 10% 0; position: relative; z-index: 1; }

@media only screen and (min-width: 768px) { .music-experience-pathways-lead-in { align-items: center; display: flex; justify-content: space-between; margin: 3rem auto; } }

@media only screen and (min-width: 1024px) { .music-experience-pathways-lead-in { max-width: 1200px; } }

.music-experience-pathways-lead-in .pathways-image { margin-bottom: 2.5rem; text-align: center; }

@media only screen and (min-width: 768px) { .music-experience-pathways-lead-in .pathways-image { flex: 1 1 25%; margin-bottom: 0; margin-right: 2.5rem; text-align: right; } }

@media only screen and (min-width: 768px) { .music-experience-pathways-lead-in .pathways-lead-in { flex: 1 1 75%; } }

@media only screen and (max-width: 1023px) { .music-experience-pathways-lead-in .pathways-lead-in { padding: 0 1.5em; } }

.exp-intro-wrap.dark-lead .exp-intro-bg { background-image: url("../../../img/bg-music-experience.png"); background-repeat: no-repeat; background-size: cover; padding: 5%; }

/*# sourceMappingURL=../../maps/libraries/paragraph/pathway-section.css.map */