.headerContainer
{
   color: var(--font-color-header);
   background: var(--content-bg);
   display: flex;
   justify-content: center;
   align-items: center;
   overflow-x: auto;
   width:100%; 
}
.headerContainer .header
{
   margin: 38px 0 ;
   max-width: 80%;
   display: flex;
}
.headerContainer .headerImage
{
   max-width: 30%;
   margin-left: 80px;
}
.headerContainer .headerImage img{
   max-width: 100%;
}
.headerContainer .rooftop
{
   font-family: var(--font-family-headline);
   font-size: 18px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: 0.045px;

   padding-bottom: 2px;
   border-bottom: 1px solid;
   width: fit-content;
   margin-bottom: 16px;
}
.headerContainer .title
{
   font-family: var(--font-family-headline);
   font-size: 46px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.23px;
   margin-bottom: 24px;
}
.headerContainer .description
{
   font-size: 17px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: 0.085px;
}
@media screen and (max-width: 700px) {
   .logoutButton
   {
      left: 0;
   }
}