main {
    max-width: 1920px;
    margin: 0 auto;
}

/* Colors: styles - figma */
:root{
    --dark-blue: #0078D6;
    --light-blue: #73B8EF;
    --white: #fff;
    --black: #000;
    --black-lighter: #404040;
    --gray-primary: #333333;
    --gray-secondary: #767676;
    --gray-tertiary:#999999;
    --gray-light: #D4D4D4;
    --gray-lighter: #ECECEC;
}

/* text styles */
.text--gray-primary{
    color: var(--gray-primary);
  }
  .text--gray-secondary{
    color: var(--gray-secondary);
  }
  .text--gray-tertiary{
    color: var(--gray-tertiary);
  }
  .text--dark-blue{
    color: var(--dark-blue);
  }
  .text--black-lighter{
    color: var(--black-lighter);
  }


  /* Button styles */

/* FONTS */
@font-face { 
    font-family: "CorpoA";
    src: url(../fonts/CorpoA.TTF);
    font-display: swap;
}
@font-face { 
    font-family: "CORPORATEACON";
    src: url(../fonts/CORPORATEACON-REG.OTF);
    font-display: swap;
}
@font-face { 
    font-family: "CorpoS";
    src: url(../fonts/CorpoS.TTF);
    font-display: swap;
}
@font-face { 
    font-family: "CorpoSDem";
    src: url(../fonts/CorpoSDem.TTF);
    font-display: swap;
}
@font-face { 
    font-family: "CorpoSExtBol";
    src: url(../fonts/CorpoSExtBol.TTF);
    font-display: swap;
} 
.--CorpoA{
    font-family: CorpoA;
}
.--CORPORATEACON{
    font-family: CORPORATEACON;
}
.--CorpoS{
    font-family: CorpoS;
}
.--CorpoSDem{
    font-family: CorpoSDem;
}
.--CorpoSExtBol{
    font-family: CorpoSExtBol;
}

.--Arial{
    font-family: "Arial"!important;
}

/* CorpoA bigger than 24px */
@font-face { 
    font-family: "CorpoATitleCon";
    src: url(../fonts/MBCorpoATitleCond/MBCorpoATitleCond-Regular-Web.woff);
    font-display: swap;
}
.--CorpoATitleCon{
    font-family: CorpoATitleCon !important;
}

/* CorpoA between than 24px and 16px */
@font-face { 
    font-family: "CorpoAScreen1Con";
    src: url(../fonts/MBCorpoAScreen1Cond/MBCorpoAScreen1Cond-Regular-Web.woff);
    font-display: swap;
}
.--CorpoAScreen1Con{
    font-family: CorpoAScreen1Con;
}

/* CorpoA smaller than 16px */
@font-face { 
    font-family: "CorpoAScreen2Con";
    src: url(../fonts/MBCorpoAScreen2Cond/MBCorpoAScreen2Cond-Regular-Web.woff);
    font-display: swap;
}
.--CorpoAScreen2Con{
    font-family: CorpoAScreen2Con;
}



/* CorpoS 18px or bigger */
@font-face { 
    font-family: "CorpoSTitleReg";
    src: url(../fonts/MBCorpoSTitle/MBCorpoSTitle-Regular-Web.woff);
    font-display: swap;
}
.--CorpoSTitleReg{
    font-family: CorpoSTitleReg;
}

@font-face { 
    font-family: "CorpoSTitleBold";
    src: url(../fonts/MBCorpoSTitle/MBCorpoSTitle-Bold-Web.woff);
    font-display: swap;
}
.--CorpoSTitleBold{
    font-family: CorpoSTitleBold !important;
}

/* CorpoS smaller than 18px */
@font-face { 
    font-family: "Corpo S Text Office";
    src: url(../fonts/MBCorpoSText/MBCorpoSText-Regular-Web.woff);
    font-display: swap;
}
.--CorpoSTextReg{
    font-family: "Corpo S Text Office" !important;
}

@font-face { 
    font-family: "Corpo S Text Office Bold";
    src: url(../fonts/MBCorpoSText/MBCorpoSText-Bold-Web.woff);
    font-display: swap;
}
.--CorpoSTextBold{
    font-family: "Corpo S Text Office Bold" !important;
}

@font-face { 
    font-family: "CorpoSTextOffice";
    src: url(../fonts/MBCorpoSTextOffice/MBCorpoSTextOffice-Light.ttf);
    font-display: swap;
}
.--CorpoSTextOffice{
    font-family: CorpoSTextOffice !important;
}