.page-header{
  width:100%;
}

.header-toolbar{
  width:100%;
  background-color: #f3f3f3;
  box-sizing: border-box;
  padding:0.5em 0;
}

.header-toolbar-body{
  display:flex;
  align-items: center;
  justify-content: flex-end;
  gap:1em;

    & .split{
        color: #c7c4c4;
    }
}

.header-body{
  width:100%;
  background-color: #FFFFFF;
  box-sizing: border-box;
  padding:0.5em 0;
}

.header-body-body{
  display:flex;
  align-items: center;
  justify-content: space-between;
  gap:1em;

  & a{
      font-family: "Source HSS Serif","Source HSS","Source HSS Regular","Source HSS Light",sans-serif;
      color:#027596;
  }

  & .split{
      color: #c7c4c4;
  }

  & .logo{

  }

  & .menus{
      display:flex;
      align-items: stretch;
      flex-direction: column;
      gap:1em;
      justify-content: flex-start;
      & .menus-items{
        display:flex;
        align-items: center;
        justify-content: flex-end;
        gap:1em;
        font-size:1.4em;
      }
      & .search-bar{

      }
  }


}

.page-footer{
    background-color: #f3f3f3;
    min-height: 200px;
}


.page-footer-map{
    display:flex;
    align-items: center;
    justify-content: flex-end;
    font-size:0.8em;
    gap:2em;
    box-sizing: border-box;
    padding:2em 0;
    width:100%;
}

.page-footer-layout{
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}


.page-footer-body{
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
    gap:3em;
    width:100%;
    padding:2em 0;

    & .logo{
        display:flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap:2em;
        font-size:0.8em;
        flex-basis: 30%;
        flex-shrink: 1;
        flex-grow: 1;
    }

    & .menus{
        flex-basis: 70%;
        flex-shrink: 2;
        flex-grow: 2;
        display:flex;
        align-items: stretch;
        justify-content: space-around;
        gap:2em;

        .address{
            display:flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-direction: column;
            gap:1em;
        }

        .channel{
            display:flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-direction: column;
            gap:1em;
        }


        .navigation{
            display:flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-direction: column;
            gap:1em;

            & .texts{
                display:flex;
                align-items: flex-start;
                justify-content: flex-start;
                gap:1em;
                flex-wrap: wrap;
            }

        }

        & .title{
            color:#027596;
            font-size:1.2em;
            font-weight: bold;
        }

        & .texts{
            font-size:0.8em;
           & p{
                text-indent: 0;
                margin-block-start: 0.5em;
                margin-block-end: 0.5em;
            }
        }
    }

    & .menus>div{
        flex:1;
    }

}



@media (min-width: 1280px) {

}

@media (max-width: 1280px) {
  .header-toolbar-body{
    justify-content: space-around;
       gap:0.2em;
  }
}