body {width: 370px;
      margin-left: auto;
      margin-right: auto}

p {text-align: center}

     img {margin: 5px}

    .logo {width: 50%;
           height: auto;
            margin: 20px}

    .foto {height: 200px;
             width: auto}

    .social {height: 24px;
             width: auto}

@media screen and (max-width: 462px) 
    {body{width: 300px}}

@media screen and (min-width: 1200px) 
    {body{width: 800px}}

@media screen and (min-width: 1500px) 
    {body{width: 1000px}}

@media screen and (min-width: 2000px) 
    {
    body{width: 1200px}
    .social{height: 48px}
    img{margin: 10px}
    }