._opct-100 { opacity: 1 !important; }
._opct-90  { opacity: .9 !important; }
._opct-80  { opacity: .8 !important; }
._opct-70  { opacity: .7 !important; }
._opct-60  { opacity: .6 !important; }
._opct-50  { opacity: .5 !important; }
._opct-40  { opacity: .4 !important; }
._opct-30  { opacity: .3 !important; }
._opct-20  { opacity: .2 !important; }
._opct-10  { opacity: .1 !important; }
._opct-0   { opacity: 0 !important;  }

@each $breakpointName, $breakpointSize in $breakpoints {
	@media (min-width: $breakpointSize) {
		._opct-100-#{$breakpointName} { opacity: 1 !important; }
		._opct-90-#{$breakpointName}  { opacity: .9 !important; }
		._opct-80-#{$breakpointName}  { opacity: .8 !important; }
		._opct-70-#{$breakpointName}  { opacity: .7 !important; }
		._opct-60-#{$breakpointName}  { opacity: .6 !important; }
		._opct-50-#{$breakpointName}  { opacity: .5 !important; }
		._opct-40-#{$breakpointName}  { opacity: .4 !important; }
		._opct-30-#{$breakpointName}  { opacity: .3 !important; }
		._opct-20-#{$breakpointName}  { opacity: .2 !important; }
		._opct-10-#{$breakpointName}  { opacity: .1 !important; }
		._opct-0-#{$breakpointName}   { opacity: 0 !important;  }
	};
};