@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap');

      body {
        margin: 0;
        padding: 0;
        font-family: "Roboto", sans-serif;
        display: flex;
        flex-flow: wrap;
        align-items: center;

        background-image: linear-gradient(to top, #018ed2 0%, #e0e0e0 30%);
        background-size: 100vw 100vh;
        background-attachment: fixed;
      }

      a {
        color: #9c9c9c;
        text-decoration: none;
        margin: 0;
        padding: 0;
      }

      a:link {
        color: #018ed2;
      }

      a:visited {
        color: #018ed2;
      }

      a:focus {
        color: #ffffff;
      }

      a:hover {
        color: #00aaff;
      }

      a:active {
        color: #018ed2;
      }

      #contenedor {
        width: 99vw;
        height: auto;
        margin: 0;
        padding: 0;

        text-align: center;
        color: #018ed2;

        display: flex;
        align-items: center;
        flex-direction: column;
      }

      #contenedor header {
        width: 85%;
        margin-top: 120px;
        padding: 1vh 0 2vh 0;

        display: flex;
        align-items: center;
        flex-direction: column;
      }

      #contenedor header h2 {
        color: #9c9c9c;
        font-size: 2vh;
        letter-spacing: 0.3vw;
      }

      #isologo {
        width: 100%;
        padding: 0;
      }

      /* SECTION */
      #contenedor section {
        width: 90%;
        margin: 10px 0 10px 0;
        padding: 20px 0 10px 0;

        display: flex;
        align-items: stretch;
        flex-direction: column;
      }

      /* ESCRITORIO */

      @media only screen and (min-width: 557px) {
        #contenedor section {
          max-width: 700px;
        }
      }

      #contenedor section p {
        padding: 5px 0 20px 0;
        margin: 0;

        font-size: 14pt;
        font-weight: 300;
        color: #ffffff;
        line-height: 1.2;
      }

      #contenedor section h2 {
        margin: 0;
        padding: 20px 0 5px 0;
        font-size: 8vw;
        color: #018ed2;
        line-height: 1;
        letter-spacing: 0.8px; 
      }

      @media only screen and (min-width: 557px) {
        #contenedor section h2 {
          font-size: 28pt;
        }
      }

      /* FOOTER */
      #contenedor footer {
        width: 70%;
        margin: 10px 0 10px 0;
        padding: 20px 0 10px 0;

        display: flex;
        align-items: stretch;
        flex-direction: column;

        font-size: 1.6vh;
      }

      /* ESCRITORIO */

      @media only screen and (min-width: 557px) {
        #contenedor footer {
          max-width: 500px;
        }
      }