@font-face {
    font-family: 'Canaro-Bold';
    src: url('../fonts/Canaro-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
  }

@font-face {
    font-family: 'Canaro-Light';
    src: url('../fonts/Canaro-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
  }

  body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }

.banner {
    width: 100% !important;
}

.supermais-blue {
    color: #00D2FF !important;
}

.supermais-purple {
    color: #512D74;
}

.supermais-red {
    color: #E4053A !important;
}

.supermais-white {
    color: white;
}

.icon-rotate-left {
    transform: rotate(-90deg);
}

.bold-text {
    font-weight: bold;
}

.bg-red {
    background-color: #E4053A;
}

.bg-white {
    background-color: white;
}

.bg-blue {
    background-color: #00D2FF;
}

.bg-purple {
    background-color: #512D74;
}

.font-bold {
    font-family: 'Canaro-Bold';
}

.font-light {
    font-family: 'Canaro-Light';
}

.font-justify {
    text-align: justify;
    text-justify: auto;
}

.regular-text-size {
    font-size: 1.2rem;
}

.brand {
    font-size: 2.5em;
    color: #512D74;
}

.market-position {
    position: relative;
    left: -100px;
    top: 18px;
}

.small-brand-align {
    position: relative;
    top: -18px;
}

.small-market-position {
    position: relative;
    top: -20px;
    left: 86px;
}

.section-text {
    padding-top: 5%;
    padding-bottom: 5%;
}

.small-div-brand-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.small-div-brand-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.large-div-brand-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.large-brand-top {
    margin-top: 14px;
}

.small-brand-top {
    margin-top: -34px;
}

.large-brand-bottom {
    margin-top: -18px;
}

.button-width {
    width: 100%;
}

.highlight-text {
    font-size: 1.6rem;
    font-family: 'Canaro-Bold';
}

.page-footer {
    padding-top: 0px !important;
}