@media only screen and (max-width: 820px) {main {margin-top: -7%;}}
@media only screen and (max-width: 600px) {main {margin-top: -9%;}}
@media only screen and (max-width: 500px) {main {margin-top: -10.5%;}}
@media only screen and (max-width: 400px) {main {margin-top: -13.5%;}}
@media only screen and (max-width: 350px) {main {margin-top: -16.5%;}}
@media only screen and (max-width: 300px) {main {margin-top: -18%;}}
footer{
    margin-top: -2px;
}
.contaierpictures{
    margin-bottom: 50px;
}