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

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

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


/***** Custom Fonts *****/

@font-face {
    font-family: 'Saans-TRIAL';
    src: local('Saans-TRIAL-Regular'), 
         url('https://cappellettisestito.ch/hubfs/Font/Saans-TRIAL-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Saans-TRIAL';
    src: local('Saans-TRIAL-Bold'), 
         url('https://cappellettisestito.ch/hubfs/Font/Saans-TRIAL-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: bold;
    font-display: swap;
}

:root {
    --ff-base: Saans-TRIAL, sans-serif !important;
    --ff-accent: Saans-TRIAL, sans-serif !important;
}

/***** end Custom Fonts *****/

/* Regola per Desktop */
.testo-grande {
  font-family: var(--ff-h2);
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -.20px;
}

/* Regola per schermi mobile */
@media (max-width: 768px) {
  .testo-grande {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -.20px;
  }
}

.titolo-relazioni {
  /* Stili per dispositivi Mobile */
  font-size: 32px;
  line-height: 32px;
  letter-spacing: -.28px;
}

/* Stili per Desktop (da 768px in su) */
@media (min-width: 768px) {
  .titolo-relazioni {
    font-size: 58px;
    line-height: 58px;
    letter-spacing: -.28px;
  }
}

.pwr-sec__title-intro { 
font-size: 16px;
width: 100%;
display: inline-block;
border-bottom: 1px solid #000;
padding-bottom: 10px;
margin: 0 0 32px 0;
}

.pwr-bento-grid__intro-sec {
    margin-bottom: 8px;
}

.content-box h5 { 
font-size: 12px;
text-transform: uppercase;
width: 100%;
display: inline-block;
border-bottom: 1px solid #000;
margin: 0 0 32px 0;
}

.content-box h5 span.right { 
font-size: 18px;
float:right;
color:#000;"
}

.portfolio-bento img { 
 height:500px;
}

.portfolio-bento img.big { 
 height:800px;
}