#agenda{
  padding-top: 4vh;
  text-align: center;
}

/* Style the tab */
.tab {
  overflow: hidden;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: center;
  font-size: 18px !important;
  padding: 8px 16px!important;
  margin-right: 20px;
}

/* Change background color of buttons on hover */
.tab button:hover {
}

/* Create an active/current tablink class */
.tab .btn.active {
  background-color: #fff!important;
  color: #0B2042!important;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
}

.schedule-day,
.schedule-day2 {
  margin-left: 25px;
}

.row {
  width: 100%;
}

.schedule-event{
  background-color: #fff;
  border-radius: 28px;
  margin: 10px 0px;
  padding: 20px;
  width: 100%;
  text-align: left;
}

.schedule-time{
  text-align: left;
  color: #1e4590;
  font-weight: 400;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
}

.schedule-description{
  text-align: left;
  color: #1e4590;
  font-size: 16px;
  font-weight: 500;
  margin: 4px 0px;
}

.schedule-description p:hover{
  color: #D09D02;
  cursor: context-menu;
}

.schedule-title{
  color: #1e4590;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
  margin-top: 4px;
}

@media screen and (max-width: 767px){
  .schedule-title{
    width(95vw);
  }
  row,
  row2{
    text-align: center;
  }
  .tab button {
    margin-right: 0px;
    margin-bottom: 16px;
  }
}

/* This applies when the screen size is over 767px */
@media screen and (min-width: 768px) and (max-width: 1024px)  {
  .schedule-day .row:nth-child(odd) {
    justify-content: flex-end;
    padding-right: 24px;
  }

  .schedule-day .row:nth-child(even) {
    justify-content: flex-start;
    padding-left: 4px;
  }

  .schedule-day .row2 {
      justify-content: center;
  }
  
  .schedule-day {
    display: flex;
    margin-left: calc(6vw );
    margin-right: calc(6vw );
  }
  .schedule-day2 {
    margin-left: calc(50vw - 226px);
  }

  .schedule-day .row,
  .schedule-day2 .row {
    width: 50vw;
    max-width: 420px;
    margin-right: 0!important;
    margin-left: 0!important;
    margin: 14px;
  }
}

@media screen and (min-width: 1025px)  {
  .schedule-day .row:nth-child(odd) {
    justify-content: flex-end;
    padding-right: 12px;
  }

  .schedule-day .row:nth-child(even) {
    justify-content: flex-start;
    padding-left: 14px;
  }

  .schedule-day .row2 {
    justify-content: center;
  }
  
  .schedule-day {
    display: flex;
    margin-left: calc(50vw - 450px);
  }
  .schedule-day2 {
    margin-left: calc(50vw - 226px);
  }
  .schedule-day .row,
  .schedule-day2 .row {
    margin-right: 0!important;
    margin-left: 0!important;
    margin: 14px;
    max-width: 420px;
  }

}

.vj{
  text-align: left;
  color: #d09d02;
}
.vj:hover{
  color: #333;
}