@charset "UTF-8";

#dnnModuleDigitalAssetsListContainer {
  margin-top:15px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 18px; }

h3.title {
  padding: 5px 10px;
  text-align: center;
  color: #fff; }

h3.title.green {
  background-color: #1fb3a3; }

h3.title.blue {
  background-color: #468add; }

h3.title.big {
  padding: 10px 15px;
  font-size: 28px; }

h3.board {
  font-weight: normal;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 20px;
  margin-bottom: 2rem; }

h3.board.pink {
  background-color: #bd58b4; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

p {
  font-size: 14px;
  color: #696969; }

/*****************/
/***   RESET   ***/
/*****************/
a {
  color: inherit; }
  a:hover, a:active {
    color: inherit; }

p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
  margin-bottom: 0; }

ul {
  padding-left: 0;
  list-style-type: none; }

.b1 {
  border: 1px solid #ccc; }

img {
  max-width: 100%; }

textarea {
  resize: none; }

.width_100 {
  width: 100% !important; }

.max_100 {
  max-width: 100% !important; }

.align_left {
  float: left !important; }

.align_right {
  float: right !important; }

.align_center {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important; }

.tal {
  text-align: left !important; }

.tar {
  text-align: right !important; }

.tac {
  text-align: center !important; }

.m0 {
  margin: 0 !important; }

.p0 {
  padding: 0 !important; }

.mt0 {
  margin-top: 0 !important; }

.mb0 {
  margin-bottom: 0 !important; }

.ml0 {
  margin-left: 0 !important; }

.mr0 {
  margin-right: 0 !important; }

.pt0 {
  padding-top: 0 !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pl0 {
  padding-left: 0 !important; }

.pr0 {
  padding-right: 0 !important; }

.p20 {
  padding: 20px !important; }

.p30 {
  padding: 30px !important; }

.mt10 {
  margin-top: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.ml10 {
  margin-left: 10px !important; }

.mr10 {
  margin-right: 10px !important; }

.pt10 {
  padding-top: 10px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pl10 {
  padding-left: 10px !important; }

.pr10 {
  padding-right: 10px !important; }

.mt20 {
  margin-top: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.ml20 {
  margin-left: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

.pt20 {
  padding-top: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pl20 {
  padding-left: 20px !important; }

.pr20 {
  padding-right: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.ml30 {
  margin-left: 30px !important; }

.mr30 {
  margin-right: 30px !important; }

.pt30 {
  padding-top: 30px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pl30 {
  padding-left: 30px !important; }

.pr30 {
  padding-right: 30px !important; }

.pointer {
  cursor: pointer; }

.fl {
  float: left; }

.fr {
  float: right; }

.fl, .fr, .inner, .column {
  display: inline-block; }

.ac {
  text-align: center; }

.cf::after {
  display: block;
  clear: both;
  content: ""; }

/* CENTER */
.center-block, .cb {
  display: block;
  margin-left: auto;
  margin-right: auto;
  clear: both; }

.center-inline-block, .cib {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  clear: both; }

.bold {
  color: inherit;
  font-weight: bold; }

.ttn {
  text-transform: none; }

.ttu {
  text-transform: uppercase; }

.ttc {
  text-transform: capitalize; }

.disabled {
  pointer-events: none !important;
  cursor: no-drop !important;
  background-color: #6c757e !important; }

.width_100 {
  width: 100%;
  max-width: 100%; }

.show_mobile {
  display: none !important; }

.fluid-video {
  position: relative; }

.fluid-video iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

.fluid-video-4-3 {
  padding-bottom: 75%; }

.fluid-video-16-9 {
  padding-bottom: 56.25%; }

@media screen and (max-width: 575.98px) {
  .m-xs-1 {
    margin: 0.25rem !important; }
  .m-xs-2 {
    margin: 0.5rem !important; }
  .m-xs-3 {
    margin: 1rem !important; }
  .m-xs-4 {
    margin: 1.5rem !important; }
  .m-xs-5 {
    margin: 3rem !important; }
  .mx-xs-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important; }
  .mx-xs-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important; }
  .mx-xs-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important; }
  .mx-xs-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important; }
  .mx-xs-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important; }
  .my-xs-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }
  .my-xs-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }
  .my-xs-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .my-xs-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .my-xs-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .mt-xs-1 {
    margin-bottom: 0.25rem !important; }
  .mt-xs-2 {
    margin-bottom: 0.5rem !important; }
  .mt-xs-3 {
    margin-bottom: 1rem !important; }
  .mt-xs-4 {
    margin-bottom: 1.5rem !important; }
  .mt-xs-5 {
    margin-bottom: 3rem !important; }
  .mr-xs-1 {
    margin-right: 0.25rem !important; }
  .mr-xs-2 {
    margin-right: 0.5rem !important; }
  .mr-xs-3 {
    margin-right: 1rem !important; }
  .mr-xs-4 {
    margin-right: 1.5rem !important; }
  .mr-xs-5 {
    margin-right: 3rem !important; }
  .mb-xs-1 {
    margin-bottom: 0.25rem !important; }
  .mb-xs-2 {
    margin-bottom: 0.5rem !important; }
  .mb-xs-3 {
    margin-bottom: 1rem !important; }
  .mb-xs-4 {
    margin-bottom: 1.5rem !important; }
  .mb-xs-5 {
    margin-bottom: 3rem !important; }
  .ml-xs-1 {
    margin-left: 0.25rem !important; }
  .ml-xs-2 {
    margin-left: 0.5rem !important; }
  .ml-xs-3 {
    margin-left: 1rem !important; }
  .ml-xs-4 {
    margin-left: 1.5rem !important; }
  .ml-xs-5 {
    margin-left: 3rem !important; }
  .p-xs-1 {
    padding: 0.25rem !important; }
  .p-xs-2 {
    padding: 0.5rem !important; }
  .p-xs-3 {
    padding: 1rem !important; }
  .p-xs-4 {
    padding: 1.5rem !important; }
  .p-xs-5 {
    padding: 3rem !important; }
  .px-xs-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; }
  .px-xs-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important; }
  .px-xs-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
  .px-xs-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; }
  .px-xs-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important; }
  .py-xs-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }
  .py-xs-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }
  .py-xs-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .py-xs-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .py-xs-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .pt-xs-1 {
    padding-bottom: 0.25rem !important; }
  .pt-xs-2 {
    padding-bottom: 0.5rem !important; }
  .pt-xs-3 {
    padding-bottom: 1rem !important; }
  .pt-xs-4 {
    padding-bottom: 1.5rem !important; }
  .pt-xs-5 {
    padding-bottom: 3rem !important; }
  .pr-xs-1 {
    padding-right: 0.25rem !important; }
  .pr-xs-2 {
    padding-right: 0.5rem !important; }
  .pr-xs-3 {
    padding-right: 1rem !important; }
  .pr-xs-4 {
    padding-right: 1.5rem !important; }
  .pr-xs-5 {
    padding-right: 3rem !important; }
  .pb-xs-1 {
    padding-bottom: 0.25rem !important; }
  .pb-xs-2 {
    padding-bottom: 0.5rem !important; }
  .pb-xs-3 {
    padding-bottom: 1rem !important; }
  .pb-xs-4 {
    padding-bottom: 1.5rem !important; }
  .pb-xs-5 {
    padding-bottom: 3rem !important; }
  .pl-xs-1 {
    padding-left: 0.25rem !important; }
  .pl-xs-2 {
    padding-left: 0.5rem !important; }
  .pl-xs-3 {
    padding-left: 1rem !important; }
  .pl-xs-4 {
    padding-left: 1.5rem !important; }
  .pl-xs-5 {
    padding-left: 3rem !important; } }

/**********************/
/***   TYPOGRAPHY   ***/
/**********************/
/**********************/
/***   ANIMATIONS   ***/
/**********************/
/* NAVBAR */
#nav {
  background-color: #1fb3a3 !important;
  padding: 0; }
  #nav .navbar-left, #nav .navbar-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  #nav .navbar-left {
    width: 100%;
    background-color: #1fb3a3; }
  #nav .navbar-right {
    width: calc(100% - 67% - 50px);
    background-color: #468add; }
  #nav .nav-link {
    padding-top: 6px;
    padding-bottom: 6px; }
  #nav .nav-link {
    color: #fff;
    font-size: 15px;
    font-weight: 600; }
    #nav .nav-link:hover, #nav .nav-link[class*="active"] {
      color: #e9d9c0; }
  #nav .nav-item .nav-link {
    padding-right: 15px;
    background-repeat: no-repeat; }
  #nav .nav-item-1 .nav-link {
    padding-left: 39px;
    background-image: url("../img/nav-icon-1.jpg"); }
  #nav .nav-item-2 .nav-link {
    padding-left: 34px;
    background-image: url("../img/nav-icon-2.jpg"); }
  #nav .nav-item-3 .nav-link {
    padding-left: 43px;
    background-image: url("../img/nav-icon-3.jpg"); }
  #nav .nav-item-4 .nav-link {
    padding-left: 35px;
    background-image: url("../img/nav-icon-4.jpg"); }
  #nav .nav-item-5 .nav-link {
    padding-left: 50px;
    background-image: url("../img/nav-icon-5.png");
    background-position: 15px 0; }
  #nav .nav-item-6 .nav-link {
    padding-left: 36px;
    background-image: url("../img/nav-icon-6.png"); }
  #nav .navbar-brand {
    width: 50px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #1fb3a3;
    background-image: url("../img/nav-icon-home.png");
    background-position: 0 0; }
    #nav .navbar-brand:hover {
      background-position: 0 -36px; }
  #nav .navbar-toggler {
    padding: 0; }
  #nav .dropdown-menu {
    margin: 0;
    padding: 0;
    border-radius: 0; }
  #nav .dropdown-item {
    position: relative;
    padding: 10px;
    font-size: 12px;
    color: #696969;
    text-align: center; }
    #nav .dropdown-item:hover {
      color: #468add;
      background-color: #fff; }
    #nav .dropdown-item:not(:last-child)::before {
      position: absolute;
      left: 0px;
      bottom: 0px;
      width: 100%;
      height: 2px;
      background-image: url("../img/hr-x.png");
      content: ""; }

#nav .navbar-toggler {
  margin: 0;
  float: left;
  outline: none;
  border: 1px solid #fff; }
  #nav .navbar-toggler .navbar-toggler-icon {
    width: auto;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    background-image: url("../img/none.jpg"); }

#about #nav .navbar-toggler {
  margin: 0; }

/******************/
/***   HEADER   ***/
/******************/
#header {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #header ul {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-left: auto; }
    #header ul li {
      float: left;
      padding: 0 10px;
      border-right: 1px solid #fff; }
      #header ul li a {
        padding: 5px 10px;
        font-size: 15px;
        font-weight: bold;
        color: #fff; }
        #header ul li a:hover, #header ul li a:active, #header ul li a[class*="active"] {
          color: #e9d9c0;
          text-decoration: none; }
      #header ul li:first-child {
        padding-left: 0; }
      #header ul li:last-child {
        padding-right: 0;
        border-right: 0; }

a.logo {
  float: left;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  a.logo img {
    width: 305px;
    max-width: 75%; }

/******************/
/***   FOOTER   ***/
/******************/
#footer {
  padding: 15px 30px;
  background-color: #468add;
  text-align: center;
  color: #fff; }
  #footer p {
    font-size: 12px;
    color: #fff; }
  #footer span {
    padding-left: 4px;
    padding-right: 4px;
    color: #fff; }
  #footer small {
    font-size: 11px; }
  #footer a, #footer a:visited  {
    color:#fff;
    line-height: 1;
    display: inline-block;
    margin-top: 4px;
    padding: 5px 8px; }
    #footer a:hover, #footer a:active {
      color: #e9d9c0;
      text-decoration: none; }
    #footer a.cream {
      color: #fff;
      text-decoration: underline; }
      #footer a.cream:hover, #footer a.cream:active {
        color: #e9d9c0;
        text-decoration: none; }

body {
  background: url("../img/bg.jpg") no-repeat center center fixed;
  background-size: cover;
  height: 100%; }

#home .banner, #info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #home .banner .fl, #info .fl {
    width: 67%; }
  #home .banner .fr, #info .fr {
    width: calc(100% - 67%); }

#home .banner {
  background-color: #e9d9c0; }
  #home .banner .fr {
    padding: 20px 30px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
  #home .banner h3, #home .banner p {
    width: 100%;
    color: #595757; }
  #home .banner h3 {
    margin-bottom: 10px; }

#info {
  background-color: #fbf8f3; }
  #info img.cape {
    width: 150px;
    margin-top: 10px; }
  #info .fr > h3 {
    margin-top: 20px; }
  #info .fr .inner {
    display: block;
    padding: 20px 30px;
    text-align: center; }
  #info .fr p {
    font-size: 18px;
    text-align: left;
      line-height: 1.3em; }
    #info .fr p a {
      color: #1fb3a3;
      text-decoration: none; }
      #info .fr p a:hover {
        color: #bd58b4;
        text-decoration: underline; }
    #info .fr p small {
      font-size: 11px; }
  #info .fr a.img {
    max-width: 100%;
    text-indent: -9009px;
    display: inline-block;
    background: transparent url("../img/sprite.png"); }
  #info .fr a.connect {
    width: 124px;
    height: 95px;
    margin-bottom: 20px;
    background-position: -334px -256px; }
    #info .fr a.connect:hover {
      background-position: -334px -351px; }
  #info .fr a.facebook, #info .fr a.twitter, #info .fr a.email {
    width: 267px;
    height: 64px; }
  #info .fr a.facebook {
    background-position: -334px 0px; }
    #info .fr a.facebook:hover {
      background-position: -334px -64px; }
      #info .fr a.twitter {
        background-position: -334px -443px; }
        #info .fr a.twitter:hover {
          background-position: -334px -506px; }
  #info .fr a.email {
    background-position: -334px -128px; }
    #info .fr a.email:hover {
      background-position: -334px -192px; }
  #info .fl {
    background-color: #fff;
    padding: 20px 0; }
  #info .column {
    width: 50%;
    float: left;
    padding-left: 30px;
    padding-right: 30px; }
    #info .column:first-child {
      background-image: url("../img/bg-news.png");
      background-repeat: no-repeat;
      background-position: 50px 200px;
      position: relative; }
      #info .column:first-child::after {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 2px;
        height: 100%;
        background-image: url("../img/hr-y.png");
        content: ""; }
    #info .column:last-child {
      background-image: url("../img/bg-events.png");
      background-repeat: no-repeat;
      background-position: 50px 140px; }
  #info .twin {
    margin-bottom: 20px; }
    #info .twin a {
      display: inline-block;
      width: calc((100% - 20px)/2);
      text-decoration: none;
      border-radius: 0 0 5px 5px;
      overflow: hidden; }
      #info .twin a img {
        width: 100%; }
      #info .twin a span {
        width: 100%;
        padding: 5px;
        display: block;
        background-color: #468add;
        text-align: center;
        color: #fff;
        font-size: 15px;
        font-weight: bold; }
      #info .twin a:hover span {
        background-color: #bd58b4; }
      #info .twin a:first-child {
        float: left; }
      #info .twin a:last-child {
        float: right; }
  #info section.news {
    margin-top: 1rem; }
    #info section.news h5 {
      color: #1fb3a3;
          font-size: 17px;
      margin-bottom: 4px; }
    #info section.news p {
      margin-bottom: 0; }
    #info section.news a {
      margin-top: 4px;
      color: #1fb3a3;
      text-decoration: none;
    }
      #info section.news a:hover {
        text-decoration: underline; }
  #info .column2 h3.title.green {
    background-color: #bd58b4; }
  #info .column2 section.news h5, #info .column2 section.news a {
    color: #bd58b4;
      font-size: 17px; }
   a.bill_pay {
    position: relative;
    display: block;
    padding: 10px 15px 10px 60px;
    margin-bottom: 20px;
    text-decoration: none;
    background-color: #468add; }
     a.bill_pay h3, #info a.bill_pay p {
      padding-left: 5px;
      padding-right: 5px;
      color: #fff;
      text-align: center;
      margin-bottom: 0; }
     a.bill_pay h3 {
      font-size: 28px; }
     a.bill_pay p {
      font-size: 14px; }
     a.bill_pay i {
      position: absolute;
      top: 50%;
      left: auto;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 30px;
      color: #fff;
      font-size: 48px; }

#about .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #about .content ul.column1 li {
    font-size: 14px;
    font-weight: 600;
    position: relative; }
    #about .content ul.column1 li a {
      width: 100%;
      display: inline-block;
      padding: 10px 20px;
      color: #595757; }

      #about ul.column1 li a:hover, #about .content ul.column1 li a.active {
        text-decoration: none;
        background-color: #bd58b4;
        color: #fff; }
    #about .content ul.column1 li:not(:last-child) a::before {
      position: absolute;
      left: 0px;
      bottom: 0px;
      width: 100%;
      height: 2px;
      background-image: url("../img/hr-x.png");
      content: ""; }

.ColLeft {
  background-color: #e9d9c0;
}

      .ColLeft ul.column1 li {
        font-size: 14px;
        font-weight: 600;
        position: relative; }
        .ColLeft ul.column1 li a {
          width: 100%;
          display: inline-block;
          padding: 10px 20px;
          color: #595757; }

          #about ul.column1 li a:hover, #about .content ul.column1 li a.active {
            text-decoration: none;
            background-color: #bd58b4;
            color: #fff; }
        .ColLeft ul.column1 li:not(:last-child) a::before {
          position: absolute;
          left: 0px;
          bottom: 0px;
          width: 100%;
          height: 2px;
          background-image: url("../img/hr-x.png");
          content: ""; }

  #about .content .column1, #about .content .column2 {
    padding-top: 30px;
    padding-bottom: 30px; }
  #about .content .column1 {
    width: 17.708%;
    background-color: #e9d9c0; }

    #about .content ul.column1 li {
      font-size: 14px;
      font-weight: 600;
      position: relative; }
      #about .content ul.column1 li a {
        width: 100%;
        display: inline-block;
        padding: 10px 20px;
        color: #595757; }

        #about ul.column1 li a:hover, #about .content ul.column1 li a.active {
          text-decoration: none;
          background-color: #bd58b4;
          color: #fff; }
      #about .content ul.column1 li:not(:last-child) a::before {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 2px;
        background-image: url("../img/hr-x.png");
        content: ""; }

    .ColLeft {
    background-color: #e9d9c0;
    }
.ColLeft ul {
  margin-left: 0px !important;
}

        .ColLeft ul.column1-sub li {
          font-size: 14px;
          font-weight: 600;
          position: relative; }
          .ColLeft ul.column1-sub li a {
            width: 100%;
            display: inline-block;
            padding: 10px 20px;
            color: #595757; }

            #about ul.column1-sub li a:hover, #about .content ul.column1-sub li a.active {
              text-decoration: none;
              background-color: #bd58b4;
              color: #fff; }
          .ColLeft ul.column1-sub li:not(:last-child) a::before {
            position: absolute;
            left: 0px;
            bottom: 0px;
            width: 100%;
            height: 2px;
            background-image: url("../img/hr-x.png");
            content: ""; }

    #about .content .column1-sub, #about .content .column2 {
      padding-top: 30px;
      padding-bottom: 30px; }
    #about .content .column1-sub {
      background-color: #e9d9c0; }


  #about .content .column2 {
    width: calc(100% - 17.708%);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #fff;
    padding-left: 30px;
    padding-right: 30px; }
  #about .content h2 {
    font-size: 28px;
    padding: 10px 0;
    color: #000;
    text-align: left;
    margin-bottom: 15px; }
  #about .content p {
    font-size: 18px;
    color: #595757;
      line-height: 1.3em;}

  #about .content .img_holder {
    display: block;
    margin: 30px 0;
    text-align: center; }

#about .mobile {
  display: none; }

/**********************/
/***   RESPONSIVE   ***/
/**********************/
/***********************/
/*   ≥ 1366 - DESKTOP  */
/***********************/
/***************************/
/*   ≤ 1200 - EXTRA LARGE  */
/***************************/
@media screen and (max-width: 1199px) {
  #info {
    display: block; }
    #info .fl, #info .fr {
      width: 100%; }
  #nav .navbar-brand {
    display: none; }
  #nav .navbar-right {
    width: calc(100% - 67%); } }

/*********************/
/*   ≤ 992 - LARGE  */
/*********************/
@media screen and (min-width: 992px) {
  #nav .dropdown-toggle:after {
    content: none; }
  #nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: -1px; }
  #navbarSidebar {
    display: none !important; } }

@media screen and (max-width: 991px) {
  #home .banner {
    display: block; }
    #home .banner .fl, #home .banner .fr {
      width: 100%; }
  #nav {
    background-color: #1fb3a3 !important;
    padding: 15px; }
    #nav .navbar-left, #nav .navbar-right {
      width: 100%;
      display: block;
      background-color: #1fb3a3; }
      #nav .navbar-left .nav-item, #nav .navbar-right .nav-item {
        width: 100%;
        text-align: center;
        padding: 5px 15px; }
        #nav .navbar-left .nav-item .nav-link, #nav .navbar-right .nav-item .nav-link {
          background-position: 0 0; }
    #nav .navbar-toggler {
      margin: 0 auto; }
  #about {
    border-bottom: 5px solid #bd58b4; }
    #about .content .column1 {
      display: none; }
    #about .content .column2 {
      width: 100%; }
    #about .desktop {
      display: none; }
    #about .mobile {
      display: block; } }

/*********************/
/*   ≤ 768 - MEDIUM  */
/*********************/
/********************/
/*   ≤ 576 - SMALL  */
/********************/
/**************************/
/*   <576 - EXTRA SMALL   */
/**************************/
@media screen and (max-width: 575.98px) {
  /* HEADER */
  #header {
    display: block;
    text-align: center; }
    #header ul {
      display: inline-block;
      margin: 0 auto; }
  a.logo {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    text-align: center; } }

/************/
/*   <480   */
/************/
@media screen and (max-width: 480px) {
  #info .column {
    width: 100%; }
    #info .column:first-child {
      margin-bottom: 42px; }
      #info .column:first-child::after {
        display: none; }
      #info .column:first-child::before {
        position: absolute;
        left: 30px;
        bottom: -20px;
        width: calc(100% - 60px);
        height: 2px;
        background-image: url("../img/hr-x.png");
        content: ""; }
  #info .fr .inner {
    padding: 15px; } }