html {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
    background: #020202;
    color: #fff;
    font: normal 20px 'Nunito', sans-serif;
}
a:link {
  color: #fff;
  text-decoration:none;
}
a:hover {
  color: #ccc;
}
a:visited {
  color: #fff;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
p {
	padding: 0;
	margin: 0;
}
#wrap {
    text-align: center;
    margin: auto;
    width: 100%;
    max-width: 1300px;
}
#header {
	height: 50px;
    color: #302e1a;
    margin: 0;
    /* padding: 5px 0 0 0; */
}
#title {
	float: left;
	margin: 10px 0 0 10px;
	color: #302e1a;
    font: normal 50px 'Open Sans Condensed', sans-serif;
}
.list {
	clear: both;
	margin: 0;
	padding: 0;
    font-size: 0;
}
.list li {
    display: inline-block;
    width: 119px;
    text-align: center;
}

.list li2 {
    display: inline-block;
    text-align: center;
}

.list a {
    display: block;
    font: normal 32px 'Nunito', sans-serif;
    color: #fff;
    background-color: #302e1a;
    text-decoration: none;
    text-shadow: 0px 0px 0px #8B7D7B;
    padding: 10px 10px;
    margin: 5px;
    border: 0px solid #ccc;
    border-radius: 5px;
}
.list a:hover {
    color: #fff;
    background-color: #4e4e49;
    border: 0px solid #696969;
}
#footer {
	clear: both;
	float: left;
	padding: 40px 0 0 10px;
	margin: 0;
	width: 96%;
	font: normal 15px 'Helvetica', sans-serif;
	color: #aaa;
}
#footer a {
    color: #aaa;
    text-decoration: none;
}


@media screen and (max-width: 1100px) {
    #title {
        margin: 10px 0 0 20px;
    }
    .list {
        padding: 0 5px;
    }
}

@media screen and (max-width: 790px) {
    .list a {
        font-size: 27px;
    }
}

@media screen and (max-width: 500px) {
    .list a {
        padding: 10px 23px;
    }
}

@media screen and (max-width: 380px) {
    .list a {
        font-size: 22px;
    }
}

@media screen and (max-width: 370px) {
    .list a {
        font-size: 21px;
    }
}

@media screen and (max-width: 350px) {
    .list a {
        font-size: 20px;
    }
}



.footer { color: #bbb;	font: normal 18px 'Helvetica', sans-serif;}
.footer a:link  {color: #eee; text-decoration:none;}
.footer a:hover  {color: #FFD700; text-decoration:none;}
.footer a:visited  {color: #eee; text-decoration:none;}
.footer a:visited:hover {color: #FFD700; text-decoration:none;}
.footer a:link img { border: 0px solid #ddd; padding: 0px; border-radius: 0px;}
.footer a:visited img { border: 0px solid #ddd; padding: 0px; border-radius: 0px;}
.footer a:hover img { border: 0px solid #000; padding: 0px; border-radius: 0px; background-color: #fff; }