Typical metaquery SCSS selector

gistfile1.txt

.section-inner {
  width:100%;
  margin: 0 auto;
  .breakpoint-desktop & {
    width:60em; 
    background-color: transparent;
  }
}

ul.logo-tagline {
	text-align: center;
	//padding-right: 225px;
	.breakpoint-desktop & {
		padding-left:14px;
		float: left;
		li {
			display: inline-block;
			vertical-align: bottom;
		}
	}
	.dsi-logo-wrapper {
		display: block;
	}
	.dsi-logo {
		width: 179px;
		height: 57px;
		background-image: url('../img/dsi_logo.png');
		margin: 0 auto;
		display: block;
		.breakpoint-desktop & {
			
		}
	}
	.tagline {
		padding-left:13px;
		color: #14365f; 
		font-family: 'Istok Web', sans-serif; 
		font-size: 12px; 
		font-style: italic;
		position: relative; 
		bottom:4px;
		.breakpoint-mobile & {
			display: none;
		}
		.breakpoint-mobilelarge &, .breakpoint-tablet & {
			padding-top:8px;
		}
	}	
}