body{
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
    line-height: 1.9rem;
	background: #eae9df;
	color: #000;
	padding:60px 60px 60px 40px;;
}

.container{
	width: 600px;
}

h1 {
	margin-bottom: 80px;
	padding:0 0 0 25px;
	background: url('dash.png') no-repeat 0px 95% ;
}

h1 a{
	font-weight: 400;
	text-decoration: none;
	color: #000;
}

h1 a:hover{
	background-color: #fff;
}

p{
	font-size: 1.1rem;
	margin-bottom: 40px;
	padding:0 0 0 25px;
	background: url('dash.png') no-repeat 0px 10.5%; 
}


ul,li{
	font-size: 1.1rem;
	list-style: none;
	margin: 0;
	padding:0;
}

li{
	margin-bottom: 20px;
	padding:0 0 0 25px;
}

li a{
	color: #000;
	padding-bottom: 3px;
	text-decoration: none;
	border-bottom:2px solid #fff;
}

li a:hover{
	background-color: #fff;
}

@media only screen and (max-width: 800px) {
	body{
		padding: 30px 0px;
	}
    .container{
		width: 80%;
		margin: 0 10%;
	}
	p{
		padding:0;
		background: none;
	}
	h1 {
		margin-bottom: 60px;
		padding:0;
		background:  none;
	}
	li{
		padding: 0;
	}
}