.bg-primary{
    background-color: var(--colorPrimary) !important;
}
.logo{
    color: black !important;
    width: 100px;
    height: 100px;
}
.computer-Header{
    background-image: linear-gradient(180deg,var(--colorBackground) 0,#fff 39%,#fff 100%);
    position: relative;
}
.computer-Header header{
    height: 110px; 
    overflow: visible; 
    max-width: 1270px;
}
.computer-Header header .logoSVG{
    width: 100px; height: 100px;
    margin: 1rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    border-radius: 50%;
    z-index:1051
}
.computer-Header .headerTitle{
    margin-bottom: 5rem;
}
.headerTitle h1{
    font-size: 4rem;
    font-family: var(--fontMain);
    color: var(--colorLowlight);
}

.headerBookShelf{
    position: absolute;
    bottom: 0;      /* přilepí na spodní hranu */
    right: 0;
    height: 100px;
    width: auto;
}

@media (min-width: 1271px) { /* LG breakpoint */
  .computer-Header header .logoSVG {
    width: 200px !important;
    height: 200px !important;
  }
  
}

@media (max-width:1271px){
    .computer-Header header{
      max-width: 900px;
      height:120px;
  }
  .headerTitle h1{
    font-size: 2.4rem;
    }
  .computer-Header header .logoSVG{
      margin:0.75rem;
  }
  .computer-Header .headerTitle{
      margin-bottom: 0;
      margin-top: 0.5rem;
  }
}
@media (max-width:820px){
    .headerBookShelf{
        height: 80px;
    }
}