/// /// Future Imperfect by HTML5 UP /// html5up.net | @ajlkn /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) ///

/* Wrapper */

wrapper {

@include vendor('display', 'flex');
@include vendor('flex-direction', 'row-reverse');
@include vendor('transition', 'opacity #{_duration(menu)} ease');
margin: 0 auto;
max-width: 100%;
opacity: 1;
padding: (_size(section-spacing) * 1.5);
width: 90em;

body.is-menu-visible & {
  opacity: 0.15;
}

@include breakpoint('<=xlarge') {
  padding: _size(section-spacing);
}

@include breakpoint('<=large') {
  display: block;
}

@include breakpoint('<=small') {
  padding: _size(section-spacing-small);
}

body.single & {
  display: block;
}

}