Медиа-запрос не работает на HTML-форме


Хотелось бы размер шрифта для моей формы, метки и поля ввода, чтобы данные из 18px до 10 ПКС, когда ширина браузера достигает 1460px или меньше.

Я читал, что это не возможно, чтобы получить шрифты автоматически 'уменьшать' как таковой, когда браузер ширина уменьшается, и что мне будет нужно использовать медиа-запросы.

Поэтому я поставил запрос СМИ в верхней части мои теги стиль задавать размер шрифта для моего лейбла и ввод, чтобы отобразить на 10 ПКС, когда размер экрана 1460px, но это не похоже на работу. Остальные мой код, однако, прекрасно работают, так что надо что-то делать с тем, как я кодирования мой запрос СМИ.

Если кто-то может помочь, что будет высоко ценится.. мой код наклеивается ниже.

@media only screen and (max-width: 1460px) {
  label input {
    font-size: 10px;
  }
}

* {
  box-sizing: border-box;
}

input[type=text],
select {
  width: 95%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
  resize: vertical;
  transition: 0.3s;
  outline: none;
  font-family: Typ1451-Medium;
  font-size: 18px;
  margin: 7px;
}

input[type=text]:focus {
  border: 1.25px solid #ea0088;
}

label {
  padding: 21px 12px 12px 12px;
  margin-left: 5px;
  display: inline-block;
  font-family: Typ1451-Medium;
  font-size: 18px;
  color: #999;
}

.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
  margin: 2.5% 20% 0 20%;
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

.left,
.right {
  width: 50%;
}

form {
  display: flex;
}
<div class="container">

  <form action="signin.php" method="post">


    <div class="left">
      <div class="row">
        <div class="col-25">
          <label for="fname">First Name</label>
        </div>
        <div class="col-75">
          <input type="text" id="fname" name="firstname" placeholder="* Please complete">
        </div>
      </div>
    </div>


    <div class="right">
      <div class="row">
        <div class="col-25">
          <label for="lname">Last Name</label>
        </div>
        <div class="col-75">
          <input type="text" id="lname" name="lastname" placeholder="* Please complete">
        </div>
      </div>
    </div>


  </form>

</div>