@font-face {
  font-family: "BloggerSansBold";
  src: url("../fonts/BloggerSans/BloggerSans-Bold.woff") format("woff");
}

@font-face {
  font-family: "BloggerSansLight";
  src: url("../fonts/BloggerSans/BloggerSans-Light.woff") format("woff");
}

.brand:hover {
  background-color: transparent !important;
  color: rgb(240, 22, 139) !important;
}

.logo {
  font-family: "BloggerSansBold", sans-serif;
  font-weight: bolder;
  font-size: 32px;
  color: #FFF;
}

.logo-cover {
  position: relative;
  background: #9593d9 url(../img/bg_2.jpg);
  background-position: center;
  background-size: cover;
  height: 200px;
}