@media screen and (min-width:481px) and (max-width:959px){
body {
font: 13px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.header{
position:relative;
top:100px;
text-align:center;
font-size:2.5em;
width:500px;
margin-left:auto;
margin-right:auto;
padding-top:0.5em;
padding-bottom:0.5em;
border-top:solid 4px #000;
border-bottom:#000;
border-bottom-style:double;
}

.top{
position:relative;
top:180px;
text-align:center;
font-size:2.5em;
line-height:1.8em;
margin-left:auto;
margin-right:auto;
padding-top:0.5em;
padding-bottom:0.5em;
}
.list{
position:relative;
top:250px;
font-size:2em;
display: flex;
align-items: center;
flex-direction: column;
}
.bottom{
position:relative;
top:350px;
font-size:2em;
display: relative;
text-align:center;
}
.back-link {
text-decoration:none;
font-size:1.5em;
	padding: 0.1em 0.3em;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: .3s;
	color: #000;
}
.back-link:hover {
	background-position: -100% 0;
	color: #fff;
}

.bread li{
color:black;
list-style: none;
float:left;
}
.bread li a{
text-decoration:none;
color:black;
}
.bread li a:hover{
background:orange;
}

}