body {
            margin: 0;
        }

        .pict {
            width: 30%;
            display: inline-block;
            margin: 1%;
        }

        .fotos {
            width: 100%;
            border-radius: 50%;
        }

        .container {
            background-color: beige;
        }

        .marca {
            max-height: 75px;
            max-width: 40%;
            vertical-align: top;
        }

        .head {
            padding: 10px;
            border-bottom: 5px solid #ffffff;
        }

        .menu_aralar {
            float: right;
            text-align: right;
        }

        .sacerdotal {
            margin: 0 10px;
            display: inline-block;
        }

        .residencia {
            max-height: 75px;
            border-radius: 50%;
        }

        .menu {
            max-height: 75px;
        }

        .cuerpo {
            text-align: center;
        }

        .pie {
            background-color: darkgreen;
            color: #ffffff;
            text-align: center;
            padding: 5px;
            line-height: 17px;
            font-size: 0.9rem;
        }

        .pie>p {
            margin: 0;
        }

        @media (max-width: 576px) {
            .pict {
                width: 45%;
                display: inline-block;
                margin: 1%;
            }

            .residencia {
                max-height: 75px;
                border-radius: 50%;
                max-width: 60%;
            }

            .menu {
                max-height: 75px;
                /* border-radius: 50%; */
                max-width: 60%;
            }

        }