.event {
    padding: 5% 10% 10%;
}

.event hr {
    margin:0;
}

.timelabel-text {
    gap:10px;
}

.eventbtn {
    display:block;
    width:20%;
    margin-top:-7%;
    margin-left:10%;
    padding:5%;
}


.info-echipa {
    text-align:center;
  }
  
  .echipa img {
    height: 12rem;
  }

  .participare {
    background:#f5f5f5;
    padding:2% 10%;
  }

  .content {
    padding:5%;
  }

  .precizare {
    font-weight:800;
    font-size:0.7rem;
  }

  table {
    border-collapse: collapse; 
  }

  tr {
    border-bottom:1px solid #333;
    padding:2%;
  }

  #form {
    margin-top:5%;
  }

  .wrap {
    flex-wrap:wrap;
  }

  input, select, label, button {
    font-family:inherit;
    font-size:inherit;
  }

  #acord {
    width: 1.5rem;
    height: 1.5rem;
  }

  #finbtn {
    width: 30%;
    margin: 5% 35%;
}

.intrare-agenda p {
    margin: 0;
}

.par span {
    margin-bottom:10%;
    display:block;
}

.impar p {
    margin-top:10%;
}

.par  {
    background-image: url(../../foto/arrow.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    padding-left: 2%;
}

.par:first-of-type {
    margin-left:10%;
}

.impar  {
    background-image: url(../../foto/arrow2.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    padding-left: 2%;
}

.impar:first-of-type {
    margin-left:15%;
}

.linie {
    border-bottom: 2px solid #66bae6
}

@media only screen and (max-width: 768px) {
    .eventbtn {
        width:50%;
        }
        
        .linie {
        border-bottom:none;
        }
        
        .par, .impar {
        background-image:none;
        margin-left:-4%!important;
        }

        .impar p {
            margin-top:0;
        }

        .impar span {
            margin-bottom:10%;
        }

        .intrare-agenda {
            display:flex;
            align-items: flex-start;
        }
        #finbtn  {
            width: 100%;
            margin: 5% 0;
        }
}