/************************************ COMMON */

/* Body background gradient for all height */
body {
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Bottom space between navbar and body */
.navbar {
    margin-bottom: 20px;
}

/************************************ PRODUCT */

/* Product photo and description devider */
hr.my-devider {
    margin: 0 auto;
    border-top: 2px solid #735751;
    width: 95%;
    opacity: 1;
}

/* Product title */
h3.title {
    color: #735751;
    font-weight: bold;
}

/* Product description */
p.description {
    color: #735751;
    line-height: 1.8;
    font-size: 11pt;
}

/* Product price */
p.price {
    color: #BF4342;
    line-height: 1.8;
    font-size: 16pt;
}

/************************************* INDEX */

h1.custom-heading {
    margin-bottom: 0; /* Убираем отступ снизу */
    line-height: 1; /* Минимальный зазор между строками */
    font-weight: 300; /* Делаем начертание тонким */
}

h1.heading-1 {
    color: #BF4342;
}

h1.heading-2 {
    color: #8C1C13;
}

h1.heading-3 {
    color: #735751;
}

/* xs и выше */
@media (min-width: 100px) {
    h1.heading-1, h1.heading-2, h1.heading-3 {
        font-size: 2.2rem;
    }
}

/* xs и выше */
@media (min-width: 376px) {
    h1.heading-1, h1.heading-2, h1.heading-3 {
        font-size: 3.0rem;
    }
}
  
  /* sm и выше */
@media (min-width: 768px) {
    h1.heading-1, h1.heading-2, h1.heading-3 {
        font-size: 4.0rem;
    }
}
  
  /* md и выше */
@media (min-width: 992px) {
    h1.heading-1, h1.heading-2, h1.heading-3 {
        font-size: 4.5rem;
    }
}
  
  /* lg и выше */
@media (min-width: 1200px) {
    h1.heading-1, h1.heading-2, h1.heading-3 {
        font-size: 5.0rem;
    }
}
  
  /* xl и выше */
@media (min-width: 1400px) {
    h1.heading-1, h1.heading-2, h1.heading-3 {
        font-size: 5.0rem;
    }
}

p.sub-title-gray {
    color : #735751;
}

span.sub-title-big-gray {
    color : #735751;
    font-size: 16pt;
}

/************************************* About */

h1.about-custom-heading {
    font-weight: 300; /* Делаем начертание тонким */
    color: #8C1C13;
}

/* xs и выше */
@media (min-width: 100px) {
    h1.about-custom-heading {
        font-size: 1.2rem;
    }
}

/* xs и выше */
@media (min-width: 376px) {
    h1.about-custom-heading {
        font-size: 2.0rem;
    }
}
  
  /* sm и выше */
@media (min-width: 768px) {
    h1.about-custom-heading {
        font-size: 3.0rem;
    }
}
  
  /* md и выше */
@media (min-width: 992px) {
    h1.about-custom-heading {
        font-size: 3.5rem;
    }
}
  
  /* lg и выше */
@media (min-width: 1200px) {
    h1.about-custom-heading {
        font-size: 4.0rem;
    }
}
  
  /* xl и выше */
@media (min-width: 1400px) {
    h1.about-custom-heading {
        font-size: 4.0rem;
    }
}

p.about-description-big {
    letter-spacing: 0.3em;
}

p.about-description {
    letter-spacing: 0.1em;
    font-size: 0.82rem;
}

/**************************** Collaboration */
p.collaboration {
    color: #735751;
    font-size: 10pt;
}

.rounded{
    border-radius:10% !important; 
}

p.social {
    color : #735751;
}

.nav-link:hover {
    text-decoration: underline;
    color: #8C1C13;
}

h2.opacity-background {
    background-color: #0000008f;
    color: #ffffff;
    display: inline-block;
    padding: 0 10px;
    border-radius: 10px;
}

h4.opacity-background-small {
    background-color: #0000008f;
    color: #ffffff;
    display: inline-block;
    padding: 0 10px;
    border-radius: 10px;
}