как изменить размер шрифта заголовка?

В уроке 8.6 курса HTML,СSS выполнила задание,создала страницу contact.Прилагаю ссылку на страницу.

file:///C:/Users/%D0%90%D0%BB%D1%91%D0%BD%D0%B0/Desktop/Kinomonster/contact.html

Не получилось изменить размер шрифта заголовка, конкретно на данной странице. Если прописываю .content h2 в style.css,то  размер шрифта применяется и к заголовкам на других страницах.

Скачала код в конце урока, чтобы проверить результат и устранить ошибку, но код  из урока в файле style.css вообще не совпадает с макетом страницы.В нем заданы только значения ширины инпутов.

Мой код файла style.css

/* Страница просмотра фильма */

.info_film_page {
  margin-top: 2%;
  margin-bottom: 4%;
}

.info_film_page .label {
  font-size: 1.2em;
}

.info_film_page .value {
  font-size: 1em;
  color: #49945A;
  margin-right: 3%;
}

.descriptions_film {
  margin-bottom: 15%;
}

.descriptions_film img{
  float:left;
  margin-right: 2%;
  border-radius: 5px;
  border: solid 5px #dad7d5;
}

.reviews {
  margin-bottom: 4%;
  font-size: 0.9em;
}

.reviews .review_name {
  background-color: #7268AD;
  color: white;
  padding: 1%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.reviews .review_text {
  padding-top: 2%;
  padding-bottom: 2%; 
  padding-left: 2%;
}

.send {
  margin-bottom: 4%;
}

.send input[type="text"], textarea {
  border: solid 1px #C3C3C3;
  margin-bottom: 2%;
}

.send input[type="text"]{
  width: 98%;
}

.send textarea {
  width: 624px;
  height: 200px;
}

.send input[type="submit"]{
  background-color: #7268AD;
  padding: 3%;
  color: white;
  border-radius: 5px;
}

.content {
  margin-bottom: 5%;
}

.send_contact input[type="text"] {
  width: 500px;
}

.send_contact textarea {
  width: 516px;
  height: 200px;
}
.send_contact input[type="text"], textarea {
  border: solid 1px #C3C3C3;
  margin-bottom: 2%;
}

.send_contact input[type="submit"] {
  background-color: #7268AD;
  padding: 3%;
  color: white;
  border-radius: 5px;
}


.footer {
  width: 100%;
  height: 100px;
  padding: 28px 0 5px 0;
  text-align: center;
  background-color: darkslateblue;
  color: #a8aa94;
  margin-left: 0px;
  margin-right: 0px;
  min-width: 900px;
}

.footer a {
  color: #a8aa94;
  text-decoration: none;
}

.footer a:hover {
  color: #fff;
  text-decoration: none;
}

.footer p {
  padding: 0 0 10px 0;
}