/* @import url('http://example.com/example_style.css'); */

@font-face { font-family: 'RingsideNarrow-Book';  
  src: url('https://recursos.ara.cat/hubfs/layout/fonts/00-Ringside-Narrow-Book/RingsideNarrow-Book.eot?') format('eot'), 
  url('https://recursos.ara.cat/hubfs/layout/fonts/00-Ringside-Narrow-Book/RingsideNarrow-Book.woff') format('woff'), 
  url('https://recursos.ara.cat/hubfs/layout/fonts/00-Ringside-Narrow-Book/RingsideNarrow-Book.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face { font-family: 'ChronicleDeck-Roman';  
  src: url('https://recursos.ara.cat/hubfs/layout/fonts/00-Chronicle-Deck-Roman/ChronicleDeck-Roman.eot?') format('eot'), 
  url('https://recursos.ara.cat/hubfs/layout/fonts/00-Chronicle-Deck-Roman/ChronicleDeck-Roman.woff') format('woff'), 
  url('https://recursos.ara.cat/hubfs/layout/fonts/00-Chronicle-Deck-Roman/ChronicleDeck-Roman.ttf') format('truetype'); 
}

@font-face { font-family: 'Chronicle-Deck-Cond-Semi'; 
  src: url('https://recursos.ara.cat/hubfs/layout/fonts/00-Chronicle-Deck-Cond/ChronicleDeckCond-Semi.eot?') format('eot'), 
  url('https://recursos.ara.cat/hubfs/layout/fonts/00-Chronicle-Deck-Cond/ChronicleDeckCond-Semi.woff') format('woff'), 
  url('https://recursos.ara.cat/hubfs/layout/fonts/00-Chronicle-Deck-Cond/ChronicleDeckCond-Semi.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

html {
  font-size: 20px;
  scroll-behavior: smooth;
}

body{margin: 0;}

:target {
  scroll-margin-top: 7rem;
}


.row-fluid-wrapper.row-depth-1.dnd-section {
    padding: 4vw;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'ChronicleDeck-Roman' !Important;
  line-height: 1.2 !Important; /* 120% */
  margin: 0 !Important;
}

p {
  font-family: 'RingsideNarrow-Book' !Important;
  font-size: 1rem !Important;  /* 20px */
  line-height: 1.2 !Important;
  margin: 1rem 0 !important;
}

/* Escala */

h1 { font-size: 5rem; !Important}     /* 100px */
h2 { font-size: 4rem; !Important}     /* 80px */
h3 { font-size: 3.2rem; !Important}   /* 64px */
h4 { font-size: 2.56rem; !Important}  /* ~51px */
h5 { font-size: 2.05rem; !Important}  /* ~41px */
h6 { font-size: 1.64rem; !Important}  /* ~33px */

/* Button */

a.hs-button {
    font-family: 'RingsideNarrow-Book' ! Important;
    padding: 12px 24px;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
    transition: 0.3s;
    background-color: #002D53;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.3px;
}

a.hs-button:hover {
    background-color: #111111;
}

/* Layout */

a.lp-ara-logo img {
    height: 3rem !important;
    width: auto;
}

div#lp-header {
    position: relative;
    border: 0;
}