Puriyty 3 уменьшить размер шрифта при отображении на телефоне - Joomla 3.x: Шаблоны, разметка и макеты вывода

.newcss {
  margin:0 0%;
  /*background:url(/images/1c/logo_back.png)  no-repeat;*/
  background-size:100% auto;
  @media screen and (max-width: 1080px) {
     div { background: #000000; font-size:8px;}
    }
  
}

<div class="newcss">
<div class="page-masthead">

	<?php if ($mast_title) : ?>
	<div class="jumbotron jumbotron-primary">
		<div class="container">
			<h1><?php echo $mast_title ?></h1>
			<p><?php echo $mast_slogan ?></p>
		</div>
	</div>
	<?php endif ?>

	<?php if ($this->countModules ($masthead_position)): ?>

		<jdoc:include type="modules" name="<?php echo $masthead_position ?>" style="FeatureRow" />

	<?php endif ?>
</div>
</div>

.newcss {
  margin:0 0%;
  /*background:url(/images/1c/logo_back.png)  no-repeat;*/
  background-size:100% auto;
}
@media (max-width: 1024px) {
     div.newcss { background: #000000; font-size:8px;}
}