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); */
.short-hero .paragraph--type--logo-hero .music-pathways-hero--wrapper.section.hero .hero-image-section { height: 55vh; }

.paragraph--type--logo-hero .music-pathways-hero--wrapper.section.hero .hero-image-section .hero-overlay { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; max-width: 676px; width: 90%; margin: auto; height: 55vh; }

.paragraph--type--logo-hero .music-pathways-hero--wrapper.section.hero .hero-image-section .hero-overlay h2 { font-size: 1.5rem; text-align: center; letter-spacing: 1px; font-style: normal; font-weight: normal; text-transform: uppercase; font-family: 'Hand-Mocha-Mattari', arial, sans-serif; line-height: 1.2; margin: .5em 0 0.5em; }

.paragraph--type--logo-hero .music-pathways-hero--wrapper.section.hero .hero-image-section .hero-overlay .tmp-logo { width: 35%; }

.paragraph--type--logo-hero .music-pathways-hero--wrapper.section.hero .hero-image-section .hero-overlay .tmp-logo img { height: auto; width: 250px; }

.paragraph--type--logo-hero .music-pathways-hero--wrapper.section.hero .hero-image-section .hero-overlay .hero-content-wrapper { color: #FEFBF1; width: 99%; }

.paragraph--type--logo-hero .music-pathways-hero--wrapper.section.hero .hero-image-section .hero-overlay .hero-content-wrapper .hero-description { display: none; max-width: 380px; }

.paragraph--type--logo-hero .music-pathways-hero--wrapper.section.hero .hero-image-section .hero-overlay .hero-content-wrapper .hero-description .hero-inner { font-size: 1.1rem; text-align: left; }

@media only screen and (min-width: 768px) { .short-hero .paragraph--type--logo-hero .music-pathways-hero--wrapper.section.hero .hero-image-section { height: 33vw; }
  .paragraph--type--logo-hero .music-pathways-hero--wrapper.section.hero .hero-image-section .hero-overlay { height: 33vw; }
  .paragraph--type--logo-hero .music-pathways-hero--wrapper.section.hero .hero-image-section .hero-overlay h2 { font-size: 2.5rem; margin-bottom: 0; text-align: left; }
  .paragraph--type--logo-hero .music-pathways-hero--wrapper.section.hero .hero-image-section .hero-overlay .tmp-logo { width: 28%; }
  .paragraph--type--logo-hero .music-pathways-hero--wrapper.section.hero .hero-image-section .hero-overlay .hero-content-wrapper { width: 53%; margin-left: 2rem; }
  .paragraph--type--logo-hero .music-pathways-hero--wrapper.section.hero .hero-image-section .hero-overlay .hero-content-wrapper .hero-description { display: block; max-width: 380px; } }

/*# sourceMappingURL=../../maps/libraries/paragraph/logo-hero.css.map */