body{
background-image: url("../images/space.png");
background-size: 100% 100%;
}

.donald{
text-align: center;
width: 100%;
height: 100%;
}

.donald img{
max-width: 40%;
}

@media (min-width: 1201px) and (max-width: 1300px){
.donald img{
max-width: 45%;
}
}

@media (min-width: 1101px) and (max-width: 1200px){
.donald img{
max-width: 50%;
}
}

@media (min-width: 1001px) and (max-width: 1100px){
.donald img{
max-width: 55%;
}
}

@media (min-width: 901px) and (max-width: 1000px){
.donald img{
max-width: 60%;
}
}

@media (min-width: 801px) and (max-width: 900px){
.donald img{
max-width: 65%;
margin-top: 5%;
}
}

@media (min-width: 701px) and (max-width: 800px){
.donald img{
max-width: 80%;
margin-top: 10%;
}
}

@media (min-width: 601px) and (max-width: 700px){
.donald img{
max-width: 100%;
margin-top: 10%;
}
}

@media (max-width: 600px){
.donald img{
max-width: 100%;
margin-top: 15%;
}
}