/**

 * @file

 * Global rules

 *

 * Theme global rules.

 */



html {

  height: 100%;

  font-size: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

  line-height: 1.5;

}

html, body {

  position: relative;

  font-family: Arial, sans-serif;

  color:#333333;

  font-family: 'Roboto', sans-serif;

  font-weight: 400;

}

body {

  overflow-x: hidden;

  background-color:#f0f0f0;

}

* {

  box-sizing: border-box;

}

img {

  max-width: 100%;

  height: auto;

  vertical-align: middle;

}

p, h1, h2, h3 {

  position: relative;

}

h1, h2, h3 {

  color: #b70143;


  line-height:1;

  text-transform: uppercase;

  font-size:1.7em;

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  margin:0em;

}

h1 {
  text-align: center;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h1:after,
h2:after,
h3:not(.accordion-paragraph-item_title):after {

  content: "";

  display: block;

  margin: 1rem 0;

  width: 100px;

  height: 1px;

  background-color: #b70143;

}

.content-principal.grid-row h2:after {
  display: none;
}

h1:after {
  margin: 1rem auto;
}

.titleh2-paragraph {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.titleh2-paragraph h2{
  width: 660px;
  color: #B70143;

  text-align: center;
  font-family: Montserrat;
  font-size: 27.2px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 40.8px */
  text-transform: uppercase;
}

.titleh2-paragraph h2::after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  margin: 1rem auto;
  background-color: #b70143;
}


::selection {

  background-color: #b70143;

  color: #fff;

}

.text--m {
  font-size: 16px;
}

.text--l {
  font-size: 20px;
}


.text--rayon-title {
  color: #333;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
}

.text--rayon {
  color: #606060;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}



@media all and (min-width: 768px) {

  h1.page-title {
    max-width: 667px;
    line-height: 150%; /* 40.8px */
  }

  h2 {
    font-size: 48px;
  }

  h3:not(.accordion-paragraph-item_title) {
    font-size: 32px;
  }

  .text--m {
    font-size: 14px;
  }

  .text--l {
    font-size: 16px;
  }

  .text--rayon-title {
    font-size: 20px;
  }

  .text--rayon {
    font-size: 16px;
  }

  .titleh2-paragraph h2::after {
    display: none;
  }
}



/**

 * Links

 */

a {

  color: #b70143;

  text-decoration: none;

}