body {
	background-color: #000;
	color: #fff;
}

ul {
    list-style: none;
    display: flex;
}
li {
    padding: 0px 50px;
}
a {
    color: #fff;
    text-decoration: none;
}
 img {
	width: 100%;
}
#linkeabble {
    width: 85%;
    margin: auto;
}
#cuerpo {
	width: 40%;
	float: right;
}
.boton {
    float: right;
    margin: 0px 18%;
    background-color: #fff;
    color: #000;
    padding: 2px 10px;
    cursor: pointer;
}
.boton:hover {
    border: solid 1px #fff;
    background-color: #000;
    color: #fff;
}
#pie {
    bottom: 0;
    position: absolute;
    width: 99%;
}
@media (min-width: 480px) and (max-width: 768px) {
    #cuerpo {
        width: 80%;
        margin-top: 15%;
    }
}
@media (max-width: 480px) {
    #cuerpo {
        width: 100%;
        margin-top: 30%;
    }
}