body
    {
		background-image: url("bg.jpg");
        background-color: #FFF;
    }

div
{
	max-width:800px;
        max-height:800px;
		margin-left:auto;
        margin-right:auto;
        margin-top:auto;
		margin-bottom:auto;
}


@media screen and (max-width: 480px) {
    img {
		 width:360px;
         height:361px;
    }
}

@media screen and (min-width:481px) and (max-width: 800px) {
    img {
		 width:600px;
         height:601px;
    }
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);


}
div ul {
    padding: 0;
    list-style: none;
}
div ul li {
    display: inline-block;
    padding: 0;
}
div ul li a {
    display: inline-block;
    max-width: 100px;
    height: 28px;
    line-height: 28px;
    padding: 0 1em;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    font-size: 13px;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s; 
    opacity: 0.3;
}
div ul li a:hover {
    background-color: #3498db;
    border: 1px solid #3498db;
    color: #fff;
}