body{
  font-family: 'Montserrat', sans-serif;
}

.primary{
  color: #311B57;
}

.secondary{
  color: rgba(255, 184, 0, 1);
}

.bg-primary{
  background: #311B57!important;
}

.bg-secondary{
  background: rgba(255, 184, 0, 1);
}

.navbar{
  height: 60px;
}
.navbar-brand{
  margin-top: -24px;
}

button.navbar-toggler {
  margin-top: -40px;
}

.navbar-collapse{
  padding: 16px 24px;
  background: rgba(29, 11, 59, 0.9);
  border-radius: 32px;
}

.navbar-dark .navbar-nav .yellow-bt .nav-link{
  color: rgba(49, 27, 87, 100);
  font-weight: 600;
}
.yellow-bt{
  background: linear-gradient(93.72deg, #FF7A00 3.94%, #FFC700 99.29%);
  border-radius: 24px;
  padding-right: 0.6rem;
  padding-left: 0.6rem;
  color: #311B57!important;
}

section{
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-fix{
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.hero{
  background: url(../img/hero.jpg) no-repeat center center;
  background-size: cover;
  min-height: 500px;
  padding-top: 110px;
  padding-bottom: 60px;
}

.ratio iframe{
  border: 2px solid #FFB800;
  border-radius: 16px;
}

.highlight{
  background: #341B5E;
  border-radius: 30px;
  padding: 4px 16px;
}

.card-purple{
  background-color: #311B57;
  border-radius: 16px;
}

.price {
  font-size: 72px;
}

.yellow-bg{
  background: linear-gradient(93.72deg, #FF7A00 3.94%, #FFC700 99.29%);
}

.custom-section {
  margin-top: -280px;
  padding-top: 280px;
}

.accordion-item{
  border: none;
}

.accordion-button{
  border-radius: 16px!important;
  background-color: #f5f5f5;
  margin-bottom:8px;
  color: #311B57;
  font-weight: bold;
}

.accordion-button:not(.collapsed) {
  color: #311B57;
  font-weight: bold;
  background-color: #FFB800;
  box-shadow: none;
}

.btn-primary {
  color: #fff;
  background-color: #311B57;
  border-color: #311B57;
}
.btn-primary:hover {
  color: #fff;
  background-color: #21103f;
  border-color: #21103f;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #21103f;
  border-color: #21103f;
  box-shadow: 0 0 0 0.25rem rgba(134, 49, 253, 0.5);
}

.cuidado{
  display: none;
  width: 642px;
  position: absolute;
  left: 0;
  margin-top: -80px;
}
.pillar-icons{
  position: absolute;
  left: 50%;
  margin-left: -104px;
  margin-top: -200px;
}
.mobile{
  margin-top: 160px;
}

@media (min-width: 768px) {
  .pillar-icons{
    position: absolute;
    left:auto;
    margin-left: -150px;
    margin-top: -32px;
  }
  .mobile{
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .navbar-brand {
    margin-top: 20px;
  }
  .navbar-collapse{
    padding: auto;
    background: none;
    border-radius: 0;
  }
  .cuidado{
    display: block;
    width: 500px;
    position: absolute;
    left: 0;
    margin-top: -30px;
  }
  section.fix{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pillar-icons{
    position: absolute;
    left:auto;
    margin-left: -150px;
    margin-top: -32px;
  }
}

@media (min-width: 1200px) {
  .cuidado{
    display: block;
    width: 642px;
    position: absolute;
    left: 0;
    margin-top: -80px;
  }
  section.fix{
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pillar-icons{
    position: absolute;
    margin-left: -150px;
    margin-top: -32px;
  }
}

.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}