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

.table-right{
    /* padding-top: 1rem; */
    width: 40rem;
    float: right;
    margin: 0 auto;
}

button {
  width: 350px;
    font-family: "Poppins";
  background-color: #00958f;
  color: white;
  padding: 14px 20px;
  border-radius: 0.64rem;
  margin: 8px 0;
  border: none;
  cursor: pointer;
}

button:hover {
  opacity: 0.8;
}


.container-l {
    text-align: center;
    padding: 1rem;
}


/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 767px) {

  .table-right{
    padding-right: none;
    padding-top: 25rem;
    max-width: 40rem;
    margin: auto;
    float:none;
}

 button{
  max-width: 80%;
 }

 video {
  display:none
  }


}

@media screen and (max-width: 735px) {

    .table-right{
      padding-right: none;
      padding-top: 38rem;
      max-width: 25rem;
      margin: auto;
      float: none;
  }

  button{
    max-width: 100%;
   }
  
  
  }