main {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    margin: 10px 0;
  }


  /* container ---------- */

  .container{
    width: 80%;
    height: auto;

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 20px 0;
  }

  .content__home{
    display: flex;
    justify-content: space-evenly;

    border-left: 1px solid #000;

    margin: 4% 0;
  }

  .content__home div{
    width: 45%;

    display: flex;
    flex-direction: column;
    justify-content: center;

  }

.content__home a {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* end container ---------- */





  /* media ----  */

  @media (max-width: 768px) {
    main{
        height: auto;
    }

    .container{
        height: 100%;
        justify-content: center;
    }

    .content__home{
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        border: none;
      }

      .content__home div{
        width: 95%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
      }
      .content__home div img{
        width: 85%;
        margin-top: 20px;
      }
  }