@media (max-width: 320px) {
  #myBtnContainer {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .formPessoal {
    grid-template-columns: 1fr;
  }
  
  .row {
    grid-template-columns: repeat(2, 1fr);
  }

  .teste-abc {
    width: 80%;
  }

  .teste-cba {
    flex-flow: column nowrap;
  }
}

/* Breakpoint para ecrãs maiores que o mobile base */
@media (min-width: 440px) {
    /* Restaura o layout de duas colunas para "About Us" e Contacts */
    .content-t {
        grid-template-columns: 1fr 1.5fr;
    }
    .content-f {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
    }
    .info-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .logotipo {
        max-width: 200px;
        display: block;
        margin: auto;
    }

    #myBtnContainer {
        grid-template-columns: repeat(4, 1fr);
    }

    .under-footer {
    flex-flow: row nowrap;
    justify-content: space-between;
    }

    .under-footer a {
        font-size: .6em;
    }
}

/* Breakpoint Final: "Under Construction" message for larger screens */
@media (min-width: 510px) {
    header, main, footer, .under-footer {
        display: none !important;
    }

    .mobile-construction {
        display: flex;
    }
    .mobile-construction p {
        text-align: center;
    }
}