@brand-blue: #082A51; @brand-orange: #F56723; @brand-white: #fff; @font-face { font-family: "GloberBold"; src: url("../fonts/GloberBold.eot"); src: url("../fonts/GloberBold.eot?#iefix")format("embedded-opentype"), url("../fonts/GloberBold.woff") format("woff"), url("../fonts/GloberBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } .festival__header { background-color: @brand-blue; color: @brand-white; line-height: 40px; height: 40px; } .festival__container { text-align: center; } .festival__link { font-family: "GloberBold", "Arial Black", sans-serif; font-size: 20px; color: @brand-white!important; transition: color .3s ease-in-out; &:visited { color: @brand-white!important; } &:hover { color: @brand-orange!important; } }