body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
      sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

  .text-center{
      text-align: center;
  }

  /* These styles are generated from project.scss. */

  .alert-debug {
  color: black !important;
  background-color: white;
  border-color: #d6e9c6;
  }

  .alert-error {
  color: #b94a48 !important;
  background-color: #f2dede;
  border-color: #eed3d7;
  }

  /* Invitations */
  .container-inv{
  border-radius: 8px;
  padding: 30px 40px;
  margin: 50px auto;
  background-color: #293525;
  }

  .container-img{
  text-align: center;
  }

  .img-logo{
  width: 30%;
  }

  .container-text{
      margin: 20px 0 0 0;
  }

  .main-text-inv{
  font-size: 18px;
  font-weight: 600;
  color: white !important;
  text-decoration: none !important;
  }

  .small-text-inv{
  font-size: 17px;
  color: white !important;
  }

  .btn{
      font-size: 14px;
      padding: 6px 12px;
      margin-bottom: 0;
      margin-top: 20px;
      display: inline-block;
      text-decoration: none;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-image: none;
      border: 1px solid transparent;
      border-radius: 5px;
  }

  .container-btns-inv{
  margin: 20px 0 0 0;
  }

  .btn-accept{
  background-color: #536b4c;
  color: white !important;
  transition: .1s;
  }

  .btn-accept:hover{
  background-color: rgb(108, 142, 98);
  color: white !important;
  }

  .btn-decline{
  background-color: rgb(145, 0, 0);
  color: white !important;
  }

  .btn-decline:hover{
  background-color: rgb(185, 0, 0);
  color: white !important;
  }

  .ii a[href]{
      color: white !important;
  }

  a{
      color: white !important;
  }

  @media (min-width:200px){
  .container-inv{
      width: 80%;
  }

  .img-logo{
      width: 50px;
  }

  }

  @media (min-width:400px){

  }


  @media (min-width:600px){
      .container-inv{
          width: 50%;
      }

  }

  @media (min-width:961px){
      .container-inv{
          width: 30%;
      }

  }