/* @media only screen and (max-width: 1158px) {
  .panelTitle {
    font-size: 40px;
  }
} */

/* Folded Single Column View*/

@media only screen and (max-width: 950px) {

  .contentContainer {
    flex-direction: column;
  }

  .column1, .column2, .halfWidthQuestionWrapper {
    width: unset;
    margin-right: unset;
  }

  .column1 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .horizontalQuestionContainer {
    flex-direction: column;
  }

  .horizontalQuestion2 {
    margin-left: unset;
  }

  .navWrapper {
    justify-content: center;
  }

  .panelTitle, .panelSubtitle {
    text-align: center;
  }

  .listTitle {
    align-self: flex-start;
  }

  .subtitleList {
    align-self: flex-start;
  }

}


/******  Welcome Resp  *******/

@media only screen and (max-width: 975px) { 
  .welcomeContentText{
    font-size: 24px;
  }
}

@media only screen and (max-width: 450px) {
  .welcomeContentText {
    font-size: 18px;
  }
}

@media only screen and (max-width: 325px) {
  .welcomeContentText {
    font-size: 12px;
  }
}

/******  Results Resp  *******/

@media only screen and (max-width: 800px) {
  .resultsTitle {
    font-size: 40px;
  }
  .ciscoLogo {
    height: 45px;
  }
  .resultsTitleWrapper {
    padding-right: 10px;
  }
  .panelHeaderText {
    font-size: 22px;
  }
}

@media only screen and (max-width: 380px) {
  .resultsTitle {
    font-size: 25px;
  }
  .ciscoLogo {
    height: 35px;
  }
  .resultsTitleWrapper {
    padding:0;
  }
  .resultsHeaderText {
    font-size:20px;
  }
  .resultsHeader {
    font-size: 30px;
  }
  .resultsNavWrapper {
    flex-direction: column;
    margin: 0 10%;
  }
  .panelHeaderText {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1546px) {
  .resultsColumn2Header {
    margin-left: 0;
    text-align: center;
  }
}

@media only screen and (max-width: 991px) {
  .resultsDataRow {
    margin-bottom: 0;
  }
}

/********** Footer ************/

@media only screen and (max-width: 500px) {
  .footerContainer {
    padding: 20px 24px;
  }
  .footerImage {
    width: 100px;
    height: 52px;
  }
}
