.logo-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 19px; 
}

.logo {
  height: 60px; 
}

.score{
    font-size:61px;
}

.highlight-sections{
    margin-top:26px;
}

.animation{
    font-size: 38px;
    animation-duration: 3s;
    animation-name: stageRight;
    animation-timing-function: ease-in;
    animation-delay: 0.2s;
    animation-iteration-count: 1;
    animation-direction: normal;
}

.logo-row{
    margin-top:20px;
}

@keyframes stageRight {
  /* 0% or from */
  0% {
    margin-left: 200%;
    width: 200%;
    transform: skewX(-20deg) scale(2, 1) translate(0,0);
    }
  }

table{
    max-width: 100%;
    width: 99%;
    padding: 1%;
    border-collapse: separate;
    border-spacing: 0 12px;
}

section{
    border:solid 1px royalblue;
    padding: 10px;
}

figcaption{
    font-size:large;
    margin-top:16px;
    
}

th{
    text-align: left;
}

td{
    text-align: left;
    padding:5px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

tr{
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.table1{
    margin-bottom: 55px;
}

.warrior-caption{
    font-size:large;
    border-bottom:solid 1px royalblue;
}

.wolv-caption{
    font-size:large;
    border-bottom:solid 1px midnightblue;
}
iframe{
    width:430px;
    height:251px;
}

@media (min-width: 1025px) {
    .highlight-layout {
    flex-direction: row;
    align-items: flex-start;
  }
    
    .highlightvideo {
    flex: 1;
  }

  .highlight-sections {
    flex: 33%;
    padding-left: 20px;
  }

  iframe {
    width: 100%;
    height: 315px;
  }

  section {
    margin-bottom: 20px;
  }
    
    iframe{
    width:100%;
    height:512px;
}
}