#video{
    height: 100vh;
    width: 100vw;
    background-color: #f3f3f3;
    background-attachment: fixed;
  }
  
  video{
    height: 100vh;
    width: 100vw;
    object-fit: cover;
  }

  h1{
    white-space: pre;
    position:absolute;
    top:50vh;
    font-size: 15vh;
    color: #f3f3f3 ;
    z-index:1;
  }

  section{
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  section img{
    height: 55vh;
    width: auto;
  }

  section article{
    width: 35vw;
    margin-right: 15vw;
    font-size: 2.5vh;
  }

  #me{
    font-size: 3vh;
    font-weight: bold;
  }

section article div{
    padding-top: 2vh;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

  button {
    border: 2px solid #1d1d1b;
    background: transparent;
    transition: all 0.5s ease;
    width: 9vw;
    font-size: 1.5vw !important;
    color: #1d1d1b;
    padding: 0.5vh;
    cursor: pointer;
  }
  
  button:hover {
    background: #1d1d1b;
    color: #F3F3F3;
  }

  p:last-of-type{
    font-weight: bold;
  }

  /* Responsive */

@media (max-width: 912px){
    h1{
        top:80vh;
        font-size: 10vw;
      }

      section{
        height: auto;
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center
      }
    
      section img{
        width: 100vw;
        height: auto;
      }
    
      section article{
        width: 65vw;
        margin-right: 0;
        font-size: 2vh;
      }
    
    section article div{
        padding-top: 2vh;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }
    
      button {
        margin: 2vh 0;
        border: 2px solid #1d1d1b;
        background: transparent;
        transition: all 0.5s ease;
        width: 50vw;
        font-size: 2.5vh !important;
        color: #1d1d1b;
        padding: 1vh;
      }
      
      button:hover {
        background: #1d1d1b;
        color: #F3F3F3;
      }
}