#ayo {
    text-decoration: underline;
}
main.yo {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    background: white;
    background-image: url("../images/juanjo.png");
    background-repeat: no-repeat;
    /*background-position: right top;*/
    background-position: right 50px;
    border: 0px;
    height: 533px;
}   
main.yo p {
    position: relative;
    top: 80px;
    left: 0px;
    width: 60%;
    line-height: 20px;
    margin: 20px 20px 20px 20px;
    font-size: 13px;
    color: black;
}
main.yo p a{
    color: black;
}
footer {
    margin-top: 90px;
}
@media only screen and (max-width: 823px) {
main.yo {
    height: 900px;
    background-position: -50px 105px;
    background-size: 300px;
}
main.yo p {
    left: 255px;
    width: 55%;
    font-size: 15px;
}
@media only screen and (max-width: 520px) {
main.yo {
    height: 500px;
    background-position: -0px 0px;
    background-size: 400px;
}
main.yo p {
	font-size: 15px;
	line-height: 23px;
    width: 90%;
	left: 5px;
    top: 505px
}
    footer {
    margin-top: 490px;
}