/* scrollbar */
    /* width */
    ::-webkit-scrollbar 
    {
        width: 7px;
    }

    /* Track */
    ::-webkit-scrollbar-track 
    {
        background: #f1f1f1; 
    }

    /* Handle */
    ::-webkit-scrollbar-thumb 
    {
        background: #888; 
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover 
    {
        background: #555; 
    }
    
    
    .trhover:hover {
        background-color: #dcdcdc;
    }

    
/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
    .fontSizeScreen  {
      font-size: 14px;
    }

    .flagScreen{
      max-width: 200px; height: auto;
    }
  
    #myBtn {
      display: none;
      position: fixed;
      bottom: 38px;
      right: 330px;
      z-index: 2;
      outline: none;
      cursor: pointer;
      padding: 15px;

    }

    #myBtn:hover {
      background-color: #555;
    }

    #myBtnBack {
      display: none;
      position: fixed;
      top: 70px;
      left: 316px;
      z-index: 2;
      outline: none;
      cursor: pointer;      
    }

    
    
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
    .fontSizeScreen {
      font-size: 12px;
    }

    .flagScreen{
      max-width: 100px; height: auto;
    }

    #myBtn {
      display: none;
      position: fixed;
      bottom: 53px;
      right: 30px;
      z-index: 2;
      outline: none;
      cursor: pointer;
      padding: 15px;
    }

    #myBtn:hover {
      background-color: #555;
    }
    
    #myBtnBack {
      display: none;
      position: fixed;
      top: 90px;
      left: 16px;
      z-index: 2;
      outline: none;
      cursor: pointer; 
      
    }
    
    
}