body {
    font-family: 'Roboto', sans-serif;
	 font-size: 16px;
    
	 
}

h1 {
    margin-bottom: 5px;
	margin-left: 10%;
	padding: 1%;
	font-size: 1.5vw;
}

h2 {
    margin-bottom: 5px;
	margin-left: 10%;
	padding: 1%;
	font-size: 1.5vw;
	
}





label {
    color: #333;
}


.align-left {
  text-align: left;
 
}


.controls{
	text-align:left;

}

.alert-info{
	text-align:left;

}

.content{
	margin-left: 5%;
	margin-right: 5%;

}



.btn-next {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 10px;
	float:right;
}

.btn-previous {
    font-weight: 300;
    text-transform: uppercase;
	letter-spacing: 0.2em;
    margin-bottom: 10px;
	float:left;
}


.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}


.summary {
	color: #fff;
	margin-bottom: 5px;
	margin-left: 10%;
	padding: 1%;
	font-size: 1vw;	
}	

footer .content {
    position: relative;
    overflow: hidden;   
	margin-left: 1%;
}
footer .content ul li {
    display: inline;
}



#page_container > header .content .logo > a {
  display: block;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  background: url('') no-repeat 0 0;
  background-size: 100% 100%;
  -ms-behavior: url('');
  width: 195px;
  height: 25px;
  margin-left: 11%;
  direction: ltr;
  text-indent: -9999px;
}