.main{font-family: Arial, Helvetica, sans-serif; font-size:12pt ;
    margin-left: 20%; margin-right: 20%; background-color:floralwhite;
padding-bottom: 5%; padding-top: 0%; text-align: center;border:double
}
img {width:100%; border:double; border:thin
}
.caption {text-align: center; font-size: small; color:dimgray
}
.body {background-image: url(Images/more-leaves.png)
}

@media all and (max-width: 500px) {
.main{font-family: Arial, Helvetica, sans-serif; font-size: 12pt ;
    margin-left: 7.5%; margin-right: 7.5%; background-color:floralwhite;
padding-bottom: 5%; padding-top: 0%; text-align: center;border:double
}
img {width:100%; border:double; border:thin
}
.caption {text-align: center; font-size: small; color:dimgray
}
}