/*--Cormorant Garamond*/

/* Light */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../Assets/FONTS/Comorant/static/CormorantGaramond-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../Assets/FONTS/Comorant/static/CormorantGaramond-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* Regular */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../Assets/FONTS/Comorant/static/CormorantGaramond-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../Assets/FONTS/Montserrat/static/Montserrat-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Medium */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../Assets/FONTS/Comorant/static/CormorantGaramond-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../Assets/FONTS/Comorant/static/CormorantGaramond-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/* Semi-Bold */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../Assets/FONTS/Comorant/static/CormorantGaramond-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../Assets/FONTS/Comorant/static/CormorantGaramond-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* Bold */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../Assets/FONTS/Comorant/static/CormorantGaramond-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('../Assets/FONTS/Comorant/static/CormorantGaramond-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/*--Montserrat*/

/* Light */
@font-face {
  font-family: 'Montserrat';
  src: url('../Assets/FONTS/Montserrat/static/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../Assets/FONTS/Montserrat/static/Montserrat-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* Regular */
@font-face {
  font-family: 'Montserrat';
  src: url('../Assets/FONTS/Montserrat/static/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../Assets/FONTS/Montserrat/static/Montserrat-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Medium */
@font-face {
  font-family: 'Montserrat';
  src: url('../Assets/FONTS/Montserrat/static/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../Assets/FONTS/Montserrat/static/Montserrat-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/* Semi-Bold */
@font-face {
  font-family: 'Montserrat';
  src: url('../Assets/FONTS/Montserrat/static/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../Assets/FONTS/Montserrat/static/Montserrat-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* Bold */
@font-face {
  font-family: 'Montserrat';
  src: url('../Assets/FONTS/Montserrat/static/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../Assets/FONTS/Montserrat/static/Montserrat-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/*--EBGaramond*/


/* Regular */
@font-face {
  font-family: 'EBGaramond';
  src: url('../Assets/FONTS/EB/static/EBGaramond-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'EBGaramond';
  src: url('../Assets/FONTS/EB/static/EBGaramond-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Medium */
@font-face {
  font-family: 'EBGaramond';
  src: url('../Assets/FONTS/EB/static/EBGaramond-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'EBGaramond';
  src: url('../Assets/FONTS/EB/static/EBGaramond-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/* Semi-Bold */
@font-face {
  font-family: 'EBGaramond';
  src: url('../Assets/FONTS/EB/static/EBGaramond-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'EBGaramond';
  src: url('../Assets/FONTS/EB/static/EBGaramond-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* Bold */
@font-face {
  font-family: 'EBGaramond';
  src: url('../Assets/FONTS/EB/static/EBGaramond-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'EBGaramond';
  src: url('../Assets/FONTS/EB/static/EBGaramond-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}


/*-- styles typography*/

/*Typography*/
.EB {
  font-family: 'EB Garamond', serif;
}

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

.cormorant {
  font-family: 'Cormorant Garamond', serif;
}


/* Typography Headings */
.heading-xxxxlarge {
  font-size: 96px; /* 6rem */
  line-height: 120%;
  font-weight: bold;

}

.heading-xxxlarge {
  font-size: 70px; /* 4rem */
  line-height: 120%;
  font-weight: bold;
  
}

.heading-xxlarge {
  font-size: 56px; /* 3.5rem */
  line-height: 120%;
  font-weight: bold;
  
}

.heading-xlarge {
  font-size: 48px; /* 3rem */
  line-height: 120%;
  font-weight:100;
}

.heading-large {
  font-size: 40px; /* 2.5rem */
  line-height: 120%;
  font-weight: lighter;
}

.heading-medium {
  font-size: 32px; /* 2rem */
  line-height: 130%;
  font-weight: 500;

}

.heading-small {
  font-size: 24px; /* 1.5rem */
  line-height: 140%;
  font-weight: 500;
}

.heading-xsmall {
  font-size: 20px; /* 1.25rem */
  line-height: 140%;
  font-weight: 500;
}

/* TEXT LARGE - 20px / 1.25rem */
.text-large {
  font-size: 20px;
  line-height: 150%;
}
.text-large.extra-bold { font-weight: 800; }
.text-large.bold       { font-weight: 700; }
.text-large.semi-bold  { font-weight: 600; }
.text-large.medium     { font-weight: 500; }
.text-large.normal     { font-weight: 400; }
.text-large.light      { font-weight: 300; }

/* TEXT MEDIUM - 18px / 1.125rem */
.text-medium {
  font-size: 18px;
  line-height: 150%;
}
.text-medium.extra-bold { font-weight: 800; }
.text-medium.bold       { font-weight: 700; }
.text-medium.semi-bold  { font-weight: 600; }
.text-medium.medium     { font-weight: 500; }
.text-medium.normal     { font-weight: 400; }
.text-medium.light      { font-weight: 300; }

/* TEXT REGULAR - 16px / 1rem */
.text-regular {
  font-size: 16px;
  line-height: 150%;
}
.text-regular.extra-bold { font-weight: 800; }
.text-regular.bold       { font-weight: 700; }
.text-regular.semi-bold  { font-weight: 600; }
.text-regular.medium     { font-weight: 500; }
.text-regular.normal     { font-weight: 400; }
.text-regular.light      { font-weight: 300; }

/* TEXT SMALL - 14px / 0.875rem */
.text-small {
  font-size: 14px;
  line-height: 150%;
}
.text-small.extra-bold { font-weight: 800; }
.text-small.bold       { font-weight: 700; }
.text-small.semi-bold  { font-weight: 600; }
.text-small.medium     { font-weight: 500; }
.text-small.normal     { font-weight: 400; }
.text-small.light      { font-weight: 300; }

/* TEXT TINY - 12px / 0.75rem */
.text-tiny {
  font-size: 12px;
  line-height: 150%;
}
.text-tiny.extra-bold { font-weight: 800; }
.text-tiny.bold       { font-weight: 700; }
.text-tiny.semi-bold  { font-weight: 600; }
.text-tiny.medium     { font-weight: 500; }
.text-tiny.normal     { font-weight: 400; }
.text-tiny.light      { font-weight: 300; }

/*---RESPONSIVE*/

/* Mobile - pequeño: 320px a 425px */
@media (min-width: 320px) and (max-width: 425px) {
    
  .heading-xxxlarge {
    font-size: 20px !important; /* 4rem */
    line-height: 120%;
    font-weight: bold; 
  }

  .heading-large {
    font-size: 16px; /* 2.5rem */
    line-height: 120%;
    font-weight: lighter;
  }

  .text-medium {
  font-size: 1rem;
  line-height: 150%;
  }

  .heading-xlarge{
  font-size: 32PX;
    
  }

  .text-large {
    font-size: 16px;
    line-height: 150%;
  }

  .heading-medium {
  font-size: 24px; /* 2rem */
  line-height: 130%;
  font-weight: 500;

}

}

/* Tablet: 426px a 768px */
@media (min-width: 426px) and (max-width: 768px) {
   
  .heading-xxxlarge {
    font-size: 50px; /* 4rem */
    line-height: 120%;
    font-weight: bold;
  }

  .heading-large {
    font-size: 20px; /* 2.5rem */
    line-height: 120%;
    font-weight: lighter;
  }

  .text-large {
    font-size: 16px;
    line-height: 150%;
  }

  .heading-xlarge{
  font-size: 32PX;
    
  }

  .text-large {
    font-size: 16px;
    line-height: 150%;
  }

  .heading-medium {
  font-size: 24px; /* 2rem */
  line-height: 130%;
  font-weight: 500;

}



}

/* PC: 1024px a 1440px */
@media (min-width: 1024px) and (max-width: 1440px) {
  
  .heading-xxxlarge {
    font-size: 45px; /* 4rem */
    line-height: 120%;
    font-weight: bold;
    
  }

  .heading-large {
    font-size: 20px; /* 2.5rem */
    line-height: 120%;
    font-weight: lighter;
  }


}

/* PC XL: 1920px en adelante */
@media (min-width: 1920px) {
 
}