@font-face {
    font-family: 'Graphik';
    src: url('../font/Graphik/Graphik-Regular.eot');
    src: url('../font/Graphik/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Graphik/Graphik-Regular.woff2') format('woff2'),
        url('../font/Graphik/Graphik-Regular.woff') format('woff'),
        url('../font/Graphik/Graphik-Regular.ttf') format('truetype'),
        url('../font/Graphik/Graphik-Regular.svg#Graphik-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Graphik';
    src: url('../font/Graphik/Graphik-Medium.eot');
    src: url('../font/Graphik/Graphik-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/Graphik/Graphik-Medium.woff2') format('woff2'),
        url('../font/Graphik/Graphik-Medium.woff') format('woff'),
        url('../font/Graphik/Graphik-Medium.ttf') format('truetype'),
        url('../font/Graphik/Graphik-Medium.svg#Graphik-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'MarkPro';
    src: url('../font/MarkPro/MarkPro-Bold.eot');
    src: url('../font/MarkPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/MarkPro/MarkPro-Bold.woff2') format('woff2'),
        url('../font/MarkPro/MarkPro-Bold.woff') format('woff'),
        url('../font/MarkPro/MarkPro-Bold.ttf') format('truetype'),
        url('../font/MarkPro/MarkPro-Bold.svg#MarkPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'MarkPro';
    src: url('../../public/font/MarkPro/MarkPro.eot');
    src: url('../../public/font/MarkPro/MarkPro.eot?#iefix') format('embedded-opentype'),
        url('../../public/font/MarkPro/MarkPro.woff2') format('woff2'),
        url('../../public/font/MarkPro/MarkPro.woff') format('woff'),
        url('../../public/font/MarkPro/MarkPro.ttf') format('truetype'),
        url('../../public/font/MarkPro/MarkPro.svg#MarkPro') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'MarkPro';
    src: url('../font/MarkPro/MarkPro-Heavy.eot');
    src: url('../font/MarkPro/MarkPro-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../font/MarkPro/MarkPro-Heavy.woff2') format('woff2'),
        url('../font/MarkPro/MarkPro-Heavy.woff') format('woff'),
        url('../font/MarkPro/MarkPro-Heavy.ttf') format('truetype'),
        url('../font/MarkPro/MarkPro-Heavy.svg#MarkPro-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'MarkPro';
    src: url('../font/MarkPro/MarkPro-Black.eot');
    src: url('../font/MarkPro/MarkPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/MarkPro/MarkPro-Black.woff2') format('woff2'),
        url('../font/MarkPro/MarkPro-Black.woff') format('woff'),
        url('../font/MarkPro/MarkPro-Black.ttf') format('truetype'),
        url('../font/MarkPro/MarkPro-Black.svg#MarkPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'MarkPro';
    src: url('../font/MarkPro/MarkPro-Medium.eot');
    src: url('../font/MarkPro/MarkPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/MarkPro/MarkPro-Medium.woff2') format('woff2'),
        url('../font/MarkPro/MarkPro-Medium.woff') format('woff'),
        url('../font/MarkPro/MarkPro-Medium.ttf') format('truetype'),
        url('../font/MarkPro/MarkPro-Medium.svg#MarkPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  body, p{
    font-family: 'Graphik'!important;
    font-weight: normal!important;
  }

  /* Typegraph Ceisc */

  .title{
    font-family: 'MarkPro';
    font-weight: bold;
    font-size: 3.35rem;
    line-height: 3rem;
  }

  .pretitle{
    font-family: 'MarkPro';
    font-weight: 900;
    font-size: 1.25rem;
    line-height: 1.25rem;
    text-transform: uppercase;

  }

  .subtitle{
    font-family: 'MarkPro';
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 2rem;
  }

  .paragraph, .link{
    font-family: 'Graphik'!important;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.25rem;
  }
 
  .small{
    font-family: 'Graphik';
    font-weight: normal;
    font-size: 0.75rem;
  }

/* Colors background */

.bg-brand-white   {background-color: rgb(255,255,255)}

.bg-brand-blue    { background-color:rgb(0,80,255);}
.bg-brand-blue-900{ background-color:rgb(0,22,0);}
.bg-brand-blue-800{ background-color:rgb(0,51,153)};}
.bg-brand-blue-700{ background-color:rgb(0,62,207);}
.bg-brand-blue-100{ background-color:rgb(227,238,255);}

.bg-brand-danger-800{ background-color:rgb(252,107,96);}
.bg-brand-danger-400{ background-color:rgb(255,155,142);}
.bg-brand-danger-100{ background-color:rgb(255,223,219);}

.bg-brand-success-800{ background-color:rgb(0,148,106);}
.bg-brand-success-400{ background-color:rgb(38,196,147);}
.bg-brand-success-100{ background-color:rgb(198,223,218);}

.bg-brand-warning-800{ background-color:rgb(255,175,0);}
.bg-brand-warning-400{ background-color:rgb(255,217,0);}
.bg-brand-warning-100{ background-color:rgb(255,247,229);}

.bg-brand-gray-800{ background-color:rgb(61,73,84);}
.bg-brand-gray-400{ background-color:rgb(96,125,139);}
.bg-brand-gray-100{ background-color:rgb(222,230,233);}

.bg-brand-black-800{ background-color:rgb(20,20,20);}
.bg-brand-black-700{ background-color:rgb(33,33,33);}
.bg-brand-black-600{ background-color:rgb(66,66,66);}
.bg-brand-black-500{ background-color:rgb(117,117,117);}
.bg-brand-black-400{ background-color:rgb(174,175,179);}
.bg-brand-black-300{ background-color:rgb(199,200,204);}
.bg-brand-black-200{ background-color:rgb(237,239,242);}
.bg-brand-black-100{ background-color:rgb(247,249,252);}

/* Colors text */

.brand-white   {color: rgb(255,255,255)}

.brand-blue    { color:rgb(0,80,255);}
.brand-blue-900{ color:rgb(0,22,0);}
.brand-blue-700{ color:rgb(0,62,207);}
.brand-blue-100{ color:rgb(227,238,255);}

.brand-danger-800{ color:rgb(252,107,96);}
.brand-danger-400{ color:rgb(255,155,142);}
.brand-danger-100{ color:rgb(255,223,219);}

.brand-success-800{ color:rgb(0,148,106);}
.brand-success-400{ color:rgb(38,196,147);}
.brand-success-100{ color:rgb(198,223,218);}

.brand-warning-800{ color:rgb(255,175,0);}
.brand-warning-400{ color:rgb(255,217,0);}
.brand-warning-100{ color:rgb(255,247,229);}

.brand-gray-800{ color:rgb(61,73,84);}
.brand-gray-400{ color:rgb(96,125,139);}
.brand-gray-100{ color:rgb(222,230,233);}

.brand-black-800{ color:rgb(20,20,20);}
.brand-black-700{ color:rgb(33,33,33);}
.brand-black-600{ color:rgb(66,66,66);}
.brand-black-500{ color:rgb(117,117,117);}
.brand-black-400{ color:rgb(174,175,179);}
.brand-black-300{ color:rgb(199,200,204);}
.brand-black-200{ color:rgb(237,239,242);}
.brand-black-100{ color:rgb(247,249,252);}

/* Botões */
.btn-success {
  color: #fff;
  background-color: rgb(0,148,106)!important;
  border-color: rgb(0,148,106)!important;
}

/* Logo */
.logo {
  background-image: url('https://html-ceisc.s3-sa-east-1.amazonaws.com/site/public/id_ceisc.png')!important;
  width: 175px;
  height: 49px;
  background-size: contain;
  background-repeat: no-repeat;
}