[Grindelvald]

покажите пример
как меняете стили в зависимости от ширины экрана

Вот пример.

<div class="col-lg-10 col-md-10 col-sm-10 col-xs-12 headMenu">
            <div class="col-lg-offset-2 col-lg-2 col-md-2 col-sm-2 col-xs-12">
                <a href="#">
                    <p>HOMEPAGE</p>
                    <span>HOME</span>
                </a>
            </div>
      </div>

.headMenu div a p{
  color:#a5a5a5;
  font-size: 100%;
  text-transform: uppercase;
  font-family: BebasNeue;
  letter-spacing: 1px;
} 
.headMenu div a span{
  color:#474747;
  font-size: 175%;
  text-transform: uppercase;
  font-family: BebasNeue;
  position: relative;
  top: -5px;
  letter-spacing: 0.6px;
}
.headMenu .col-xs-12{
  text-align:center;
}
.headMenu .col-xs-12 a p{
  color:red;
}