@media only screen and (max-width: 2000px) {
  nav{
    font-size: 13px;
  }
  
  .btn{
  font-size: 13px;
      
    }
    
p{
  font-size: 15px;

}
  }


@media only screen and (max-width: 1608px) {
  nav{
    font-size: 12px;
  }
  
  .btn{
  font-size: 14px;
      
    }
    
p{
  font-size: 12px;

}
  }

@media only screen and (max-width: 1366px) {
  nav{
    font-size: 11px;
  }
  p{
  font-size: 11px;

}
  .btn{
  font-size: 12px;
      
    }
  }
  
@media only screen and (max-width: 1270px) {
  nav{
    font-size: 10px;
  }
  p{
  font-size: 11px;

}
  .btn{
  font-size: 12px;
      
    }
  }
  
@media only screen and (max-width: 1184px) {
nav{
font-size: 9px;
}

.btn{
font-size: 10px;
  
}
p{
  font-size: 11px;

}
}

@media only screen and (max-width: 1104px) {
nav{
font-size: 8px;
}
p{
  font-size: 9px;

}
.btn{
font-size: 9px;
  
}
}


@media only screen and (max-width: 777px) {
nav{
font-size: 8px;
}
p{
  font-size: 9px;

}
.btn{
font-size: 6px;
  
}
}