Untitled

          <ul className="mx-auto xs:mx-0 md:flex md:justify-center">
            <li className="cursor-pointer text-base mb-4 mr-5 md:flex md:items-center lg:text-lg">
              <FontAwesomeIcon icon={faEnvelope} className="mr-2 text-legal-gold" />
              <a href="mailto:studiolegalebasta@gmail.com" className="text-base lg:text-xl">
                studiolegalebasta@gmail.com
              </a>
            </li>
            <li className="cursor-pointer text-base mb-4 mr-5 md:flex md:items-center lg:text-lg">
              <FontAwesomeIcon icon={faEnvelope} className="mr-2 text-legal-gold" />
              <a href="mailto:studiolegalebasta@pec.it" className="text-base lg:text-xl">
                studiolegalebasta@pec.it
              </a>
            </li>
            <li className="text-base mb-4 lg:text-lg md:flex md:items-center">
              <FontAwesomeIcon icon={faPhone} className="mr-2 text-legal-gold" />
              {renderPhoneNumber()}
            </li>
          </ul>