@media screen and (max-width:480px){
* {
    margin: 0;
    padding: 0;
}
body {
font: 13px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.header{
position:relative;
top:100px;
text-align:center;
font-size:2.5em;

margin-left:auto;
margin-right:auto;
padding-top:0.5em;
padding-bottom:0.5em;
border-top:4px #000 solid;
border-bottom:3px #000 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;
}


}