.first{
    font-size: 30px;
    font-weight: bold;
    color: #ffc827;
    font-family: 'Poppins', sans-serif;


}

@media only screen and (max-width: 320px) {
  .first{
    font-size: 20px;
    font-weight: 500;
    color: #ffc827;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}
}

.lato{
    font-family: 'Poppins', sans-serif;
    font-weight: 100;
    color: rgb(226, 226, 226);
    text-align: justify;
    text-justify: inter-word;

}

@media only screen and (max-width: 320px) {
  .lato{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: rgb(226, 226, 226);
    text-align: justify;
    text-justify: inter-word;

}
}


.alter{
    border: 2px solid #ffc827;
    border-radius: 10px;
    width: 100%;
    text-align: justify;
    color: white;
    font-family: 'Poppins', sans-serif;
    background-color: #272727; 
}

@media only screen and (max-width: 320px) {
  .alter{
    border: 2px solid #ffc827;
    border-radius: 10px;
    font-size: 12px;
    width: 100%;
    text-align: justify;
    color: white;
    font-family: 'Poppins', sans-serif;
    background-color: #272727; 
}
}

.print{
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    color: #ffc827;
     
}

@media only screen and (max-width: 320px) {
  .print{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #ffc827;
     
}
}




.nav-res-custom-tab
  {
    overflow-x: auto;
    -ms-overflow-style: none;
    overflow-y: hidden;
    margin-bottom: -7px; 
    flex-direction: row;
    white-space: nowrap;  
    width: 100%;
    flex-wrap: wrap;
    -ms-overflow-style: none;
    padding-bottom: -7px;
  }


  nav .nav-res-custom-tab a.nav-item.nav-link
  {
    font-size: 17px;
    padding-bottom: 10px;
  }

  
@media screen and (min-width: 319px) and (max-width: 768px){
    .nav-res-custom-tab
    {
      overflow-x: auto;
      overflow-y: hidden;
      -ms-overflow-style: none;
      margin-bottom: -7px; 
      flex-direction: row;
      white-space: nowrap;  
      width: 100%;
      flex-wrap: nowrap;
      border-bottom: none;
    }
    
   
  nav .nav-res-custom-tab a.nav-item.nav-link
  {
    font-size: 10px;
    padding-bottom: 19px;
  }

}