@media (min-width: 300px) {
  .brand-header {
    margin-left: 0;
  }
}

@media (min-width: 576px) {
  .brand-header {
    margin-left: 50px;
  }
}

.brand-title {
  margin: 0;
  text-align: center;
  position: relative;
  display: inline-block;
  border-top: 1px solid white;
  padding: 10px 35px 0 35px;
  color: white!important;
}

@media (min-width: 300px) {
  .brand-title {
    font-size: 19pt;
  }
}

@media (min-width: 768px) {
  .brand-title {
    font-size: 25pt;
  }
}

.specialis-betu {
  font-family: 'Monoton';
  /*font-size: 32pt;*/
}

@media (min-width: 300px) {
  .specialis-betu {
    font-size: 20pt;
    font-weight: normal;
  }
}

@media (min-width: 768px) {
  .specialis-betu {
    font-size: 32pt;
    font-weight: normal;
  }
}

.small-lines {
  color: white;
  letter-spacing: 2px;
  font-family: 'Allura';
}

@media (min-width: 300px) {
  .small-lines {
    font-size: 18pt;
  }
}

@media (min-width: 768px) {
  .small-lines {
    font-size: 24pt;
  }
}

.brand-title:before, .brand-title:after {
  position: absolute;
  content: '';
  top: 0px;
  width: 1px;
  bottom: 20px;
  background: white;
}

.brand-title:before {
  left: 0px;
}

.brand-title:after {
  right: 0px;
}

.small-lines:after, .small-lines:before {
  position: absolute;
  content: '';
  height: 1px;
  bottom: 20px;
  width: 10%;
  background: white;
}

.small-lines:after {
  left: 0px;
}

.small-lines:before {
  right: 0px;
}

@media (min-width: 300px) {
  .brand-title.brand-title-subpage {
    font-size: 32pt;
    padding: 10px 20px 0 20px;
  }
}

@media (min-width: 576px) {
  .brand-title.brand-title-subpage {
    font-size: 36pt;
    padding: 10px 20px 0 20px;
  }
}

@media (min-width: 300px) {
  .small-lines.small-lines-subpage {
    font-size: 19pt;
  }
}

@media (min-width: 576px) {
  .small-lines.small-lines-subpage {
    font-size: 24pt;
  }
}

@media (min-width: 300px) {
  .specialis-betu.specialis-betu-subpage {
    font-size: 41pt;
  }
}

@media (min-width: 576px) {
  .specialis-betu.specialis-betu-subpage {
    font-size: 44pt;
  }
}

@media (min-width: 300px) {
  .brand-title .S-betu, .S-betu {
    width: 24px;
    margin-bottom: 14px;
  }
}

@media (min-width: 768px) {
  .brand-title .S-betu {
    width: 30px;
    margin-bottom: 17px;
  }
}

@media (min-width: 300px) {
  .T-betu {
    width: 20px;
    margin-bottom: 14px;
  }
}

@media (min-width: 768px) {
  .brand-title .T-betu {
    width: 26px;
    margin-bottom: 17px;
  }
}