
  @media screen and (max-width: 750px){
    .title p{
      font-size: 1rem;
    }

    .title p:last-child{
      font-size: 0.7rem;
    }

    .fixed .dateTime{
      font-size: 0.6rem;
    }

    .fixed .dateTime .fa-earth-africa{
      font-size: 1rem;
    }

  }

  @media screen and (max-width: 650px){
    .logo {
    display: none;
    }

    .fixed, header, navbar{
      width: 100%;
    }
  }

  @media screen and (max-width: 450px){
    .title p:last-child{
      font-size: 0.5rem;
    }

    fixed .dateTime{
      font-size: 0.4rem;
    }

    .fixed .dateTime .fa-earth-africa{
      font-size: 0.8rem;
    }

  }
