h1 {
  text-transform: uppercase;
  font-size: 54px !important;
  letter-spacing: 2px;
}

p {
  font-family: "Poppins", sans-serif;
  letter-spacing: 2px;
  font-size: 17px;
}

section {
  min-width: 100%;
  min-height: 100%;
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  position: relative;
   scroll-margin-top: 80px !important;
}

#seloexcelencia {
  background-color: #191615;
}

#seloexcelencia h1 {
    letter-spacing: 18px !important;
}


#duplavoltou {
  background-color: #ffecda;
  color: #191615 !important;
}

#tradicionalcomo {
  background-color: #262626;
  color: #fff !important;
}

.navbar {
  background-color: #000 !important;
}

.nav-link {
  color: #ffffff !important;
  /* font-family: var(--agharti-regular-font) !important; */
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  font-size: 31px !important;
}

.nav-link:hover {
  color: #c5c5c5a8 !important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.highlightTextBackgroundColor{
  background-color:#BC8941 !important;
}


.bgsite{
    background-image: url("../img/efeito-borda.png");
    background-repeat: repeat;
}
.highlightText {
    padding-left:8px;
    padding-right:3px;
    padding-bottom:0px !important;
    padding:0px 3px 0px 8px !important;
}

.ratio-9x16 {
  --bs-aspect-ratio: calc(16 / 9 * 100%) !important; /* 177.77% */
}

@media (max-width: 768px) {
     section {
        padding-top: 30px !important;
        padding-bottom:30px !important;
    }
      h1 {
    font-size:28px !important;

    }

    p {
        font-size: 14px;
    }

   #seloexcelencia h1 {
     letter-spacing: 7px !important;
    }

     .img{
        width:50% !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
     section {
        padding-top: 40px !important;
    }
      h1 {
    font-size:35px !important;

    }

    p {
        font-size: 17px;
    }

   #seloexcelencia h1 {
     letter-spacing: 12px !important;
    }

    .img{
        width:50% !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
     section {
        padding-top: 60px !important;
    }

     h1 {
    font-size:35px !important;

    }

    p {
        font-size: 17px;
    }

   #seloexcelencia h1 {
     letter-spacing: 12px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    section {
        padding-top: 80px !important;
    }

    h1 {
        font-size:42px !important;
    }

    p {
        font-size: 17px;
    }

   #seloexcelencia h1 {
     letter-spacing: 15px !important;
    }
}