a precess production

precess-input-1395283163.scss

.test {
 width: 400px;
  height: 400px;
  display: block;
  
  .inner {
  	width: 75px;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}

$red : #e74c3c;
$font-stack-head: 'Montserrat', sans-serif;
$font-stack-body: 'Georgia', verdana, arial, helvetica, sans-serif;


.hover-behavior {
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}



/* ******************** */

body {
  background-color: #fff;
  color: #333;
  font-family: $font-stack-body;
  font-size: 17px;  
  line-height: 20px;
}

p, ol, ul, td {
  font-family: $font-stack-body;
  font-weight: 300;
  font-size: 17px;
  line-height: 22px;
  color: #9c9c9c;
}

a {
	background-color: transparent;
	&:hover {
		background-color: transparent;
		text-decoration: none !important;
	}
}

#header {
	font-family: $font-stack-head;
	font-weight: 400;
	color: white;
	width: 100%;
	display: block;
	margin: -15% auto 0 auto;
	height: 700px;
	overflow: hidden;

	.splash-image{
		position:absolute;
		z-index:0;
		width:100%;
		background: url("http://f.cl.ly/items/2Q3u2O3H2O1c3V3K2X3B/United_States_Capitol_-_west_front.png") repeat-x bottom center;
		background-size: cover;
		height:750px;
		overflow:hidden;
	}

	ul {
		margin: 0;
		width: 100%;
		overflow:auto;
    display:inline-block !important;
    font-family: $font-stack-head;
    li {
    	font-size: 15.5px;
    	list-style-type: none;
    	display:inline-block !important;
    	padding: 0 5%;
    }
  }
}


.navbar{
		font-family: $font-stack-head;
		width: 100%;
		position: absolute;
		top: 5%;
		margin: 0 auto;
		text-align:center;
		font-weight: 400;
		a{
			color: white;
			display:inline-block;
			&:hover{
				color: $red;
				text-decoration: none;
				@extend .hover-behavior;
			}
		}
}
	

precess-output-1395283163.css

.test {
  width: 400px;
  height: 400px;
  display: block;
}
.test .inner {
  width: 75px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.hover-behavior, .navbar a:hover {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

/* ******************** */
body {
  background-color: #fff;
  color: #333;
  font-family: "Georgia", verdana, arial, helvetica, sans-serif;
  font-size: 17px;
  line-height: 20px;
}

p, ol, ul, td {
  font-family: "Georgia", verdana, arial, helvetica, sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 22px;
  color: #9c9c9c;
}

a {
  background-color: transparent;
}
a:hover {
  background-color: transparent;
  text-decoration: none !important;
}

#header {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: white;
  width: 100%;
  display: block;
  margin: -15% auto 0 auto;
  height: 700px;
  overflow: hidden;
}
#header .splash-image {
  position: absolute;
  z-index: 0;
  width: 100%;
  background: url("http://f.cl.ly/items/2Q3u2O3H2O1c3V3K2X3B/United_States_Capitol_-_west_front.png") repeat-x bottom center;
  background-size: cover;
  height: 750px;
  overflow: hidden;
}
#header ul {
  margin: 0;
  width: 100%;
  overflow: auto;
  display: inline-block !important;
  font-family: "Montserrat", sans-serif;
}
#header ul li {
  font-size: 15.5px;
  list-style-type: none;
  display: inline-block !important;
  padding: 0 5%;
}

.navbar {
  font-family: "Montserrat", sans-serif;
  width: 100%;
  position: absolute;
  top: 5%;
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
}
.navbar a {
  color: white;
  display: inline-block;
}
.navbar a:hover {
  color: #e74c3c;
  text-decoration: none;
}