.flex-container {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: auto;
  }

  .flex-container .flexcontacto {
    flex: 0 50%;
    width: 50%;
    margin: 10px;
    text-align: left;
    padding: 16px;
  }

  .flex-container > .flexcontacto > div{
    padding: 16px;
    min-height: 195px;
  }

  #tituloContactoContainer{
    background-image:url('../img/contacto/contacto.png'); 
    background-size: 400px; 
    background-repeat: no-repeat; 
    background-position: center;
    min-height: 265px;
  } 

  #tituloContacto{
    font-size:40px; 
    width: 40%; 
    text-align: center;
    line-height: normal;
    padding-left: 30%;
    padding-top: 7%;
  }

  #nombre{
    width: 100%;
  }

  #email {
    width: 100%;
  }
  
  #lblwebsite {
    width: 100%;
    visibility: hidden;
    display:none;
  }
  
  #website {
    width: 100%;
    visibility: hidden;
    display:none;
  }

  #mensaje{
    width: 100%;
    resize: none;
  }

  /* CSS para responsivo */
  @media screen and (max-width: 810px) {
    #email {
      size: 30px;
    }
  }

  /* Seccion de estilos para dispositivos móviles */
  @media screen and (max-width: 720px) {
    .flex-container {
      display: block;
      flex-wrap: inherit;
      width: 100%;
      margin: auto;
    }

    .flex-container .flexcontacto{
      flex: 0 100%;
      width: 100%;
      margin: 10px;
      padding: 0px;
    }

    .flex-container > .flexcontacto > div{
      padding: 16px;
    }

    #tituloContacto{
      font-size:35px; 
    }
    
  }