/* @media screen and (max-width: 900px) and (min-width: 600px), (min-width: 1100px) {
  div.example {
    font-size: 50px;
    padding: 50px;
    border: 8px solid black;
    background: yellow;
  }
} */

@media screen and (min-width: 100px) {
  .nav-brand img {
    width: 50px;
  }
}

@media screen and (min-width: 240px) {
  .nav-brand img {
    width: 100px;
  }
}

@media screen and (min-width: 284px) {
  .nav-brand img {
    width: 150px;
  }
}

@media screen and (min-width: 350px) {
  .nav-brand img {
    width: 200px;
  }
}

@media screen and (min-width: 381px) {
  .nav-brand img {
    width: 250px;
  }
}

@media screen and (min-width: 444px) {
  .nav-brand img {
    width: 300px;
  }
}

@media screen and (min-width: 545px) {
  .nav-brand img {
    width: 400px;
  }
}


@media screen and (min-width: 821px) {
  .nav-brand img {
    width: 100px;
  }

  .nav-phone{
    display: none;
  }

  .nav-links li a{
    font-size: 0.6rem;
  }
}

@media screen and (min-width: 842px) {
  .nav-brand img {
    width: 100px;
  }

  .nav-phone{
    display: none;
  }

  .nav-links li a{
    font-size: 0.65rem;
  }
}

@media screen and (min-width: 1008px) {
  .nav-brand img {
    width: 100px;
  }

  .nav-phone{
    display: block;
  }

  
}

@media screen and (min-width: 1030px) {
  .nav-brand img {
    width: 120px;
  }

  
}

@media screen and (min-width: 1050px) {
  .nav-brand img {
    width: 140px;
  }

  
}

@media screen and (min-width: 1110px) {
  .nav-brand img {
    width: 180px;
  }

  
}


@media screen and (min-width: 1132px) {
  .nav-brand img {
    width: 200px;
  }

  
}


@media screen and (min-width: 1184px) {
  .nav-brand img {
    width: 250px;
  }

  
}

@media screen and (min-width: 1231px) {
  .nav-brand img {
    width: 300px;
  }

  
}

@media screen and (min-width: 1310px) {

  .nav-brand img {
    width: 350px;
  }

  
}