.ubuntu-light {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.ubuntu-regular {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ubuntu-medium {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.ubuntu-bold {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.ubuntu-light-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.ubuntu-regular-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.ubuntu-medium-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.ubuntu-bold-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: italic;
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Ubuntu;
    font-weight: 400;
    font-size: 12pt;
    line-height: 1.6rem;
    width: 100%;
}

.swa-hdr {
    padding: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: white;
    border-bottom: 1px solid lightgray;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}

.fix-top {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
}

.swa-hdr-brand {
    flex: 1;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-items: auto;
    column-gap: 10px;
    min-width: 250px;
}

.swa-hdr-menu {
    flex: 2;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    align-content: end;
    column-gap: 16px;
    flex-wrap: wrap;
}

.swa-hdr-menu a {
    text-decoration: none;
    color: darkred;
}

.swa-hdr-menu a:hover {
    color: black;
}

.swa-banner {
    background-image: url("main-banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    column-gap: 32px;
    flex-wrap: wrap;
}

.swa-banner-title {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: white;
    font-size: 4rem;
    font-weight: 600;
    line-height: normal;
    text-shadow: 1px 1px 2px black;
    letter-spacing: 1rem;
}

.swa-banner-subtitle {
    color: white;
    font-weight: 400;
    font-size: 1.4rem;
    text-shadow: 1px 1px 2px black;
    line-height: 1.6em;
}

.swa-main {
    padding: 32px;
    display: flex;
    align-items: center;
    flex-direction: column;
    row-gap: 32px;
}

.title-desc {
    text-align: center;
    max-width: 500px;
    min-width: 250px;
}

.swa-main h2 {
    font-weight: 400;
    text-shadow: 1px 1px 1px gray;
}

.swa-main p {
    line-height: 1.4rem;
}

.swa-submain {    
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    text-align: left;
    justify-content: center;
}

.swa-submain-item {
    padding: 32px;
    flex: 1;
    min-width: 200px;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.swa-ftr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 32px;
    background-color: silver;
    color: black;
    column-gap: 32px;
}

.swa-ftr-item {
    padding: 32px;
    flex: 1;
    min-width: 200px;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.swa-ftr-item a {
    color: darkred;
    text-decoration: none;
}