media и вшм - Вопросы по CSS

<div class="tab2">
<div class="two">
название 1
   <p> <em><u>текст</u></em></p> </div>
    <div class="two">
название 2
      <p><strong><em><u>текст 2</u></em></strong></p>
</div>
<div class="two">
название 3 <p><strong><em><u>текст 2</u></em></strong></p>
     </div>
<div class="two">
название 4
   <p><strong><em><u>текст 2</u></em></strong></p>
   </div>

   </div>

@media (max-width: 960px) { 
.two{
width:46%;
display: inline; 
float:left;
padding: 8px; 
margin: 0px 0px 15px 5px;
border: 1px solid black;
border-color: #994350; 

    }}

@media (min-width: 480px) { 
.two{
border: 1px solid black;
border-color: #994350;

    }}