/* ----- FONTS ----- */
@font-face {
    font-family: 'source_sans';
    src: url('../font/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans';
    src: url('../font/sourcesanspro-it-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'source_sans';
    src: url('../font/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-semibold-webfont.woff') format('woff');
    font-weight:600;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans';
    src: url('../font/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans';
    src: url('../font/sourcesanspro-boldit-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-boldit-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

/* --- vars --- */
:root{
  --main-orange: #f8ad17;
  --main-blue: #0092ff;
  --main-green: #00A887;
  --main-white: rgb(254, 254, 253);
  --main-radius:0.15rem;
  --main-gap:1.5rem;
  --main-template_columns:repeat(4, 1fr);
  --main-gray: rgba(0,0,0,0.1);
  --main-block-padding: 1rem;
  --main-block-padding-negative: -1rem;
}


/* ----- RESET ------- */

html {
	padding:0; margin:0; border:0;
	overflow:auto;
	overflow-y:scroll;
	font-size: 12px;
  width:100%;
  height:100%;
}

body {
	padding:3rem 3rem 0rem 3rem;
	margin:0; border:0;
  font-family: 'source_sans', Arial, sans-serif;
  background-color: var(--main-white);
  width:100%;
  height:100%;
}

*, *:before, *:after {
  box-sizing: border-box;
}

ul, li, h1, h2, h3, h4, h5, hr, p, dl, dt, dd, section, header, article, footer, figure, nav, div, span, form, fieldset, legend, a, img {
  position:relative;
	font-size:inherit;
	margin:0;
	padding:0;
	border:0;
  color:inherit;
	text-decoration:none;
}

 h1, h2, h3, h4, h5, hr, p, dl, dt, dd, section, header, article, footer, figure, nav, div, form, fieldset, legend {
	font-weight:normal;
}

ul {
	list-style-type:none;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
}



/* --- GRID ---*/
.column25-gutters3,
.column33-gutters3,
.column35-gutters3,
.column40-gutters3,
.column50-gutters3,
.column66-gutters3,
.column25-gutters2,
.column33-gutters2,
.column50-gutters2,
.column66-gutters2,
.column75-gutters2,
.column25-gutters4,
.column20-gutters5
 {
  padding-bottom:2rem;
}


/* --- images normalized --- */
.image-normalized {
  display:block;
  width:100%;
  height:auto;
}

/* ---- GRID v2 ---- */
.grid-5-columns{
  display:grid;
  grid-gap: var(--main-gap);
  grid-template-columns: 1fr;
  align-items: start;
}

.grid-4-columns{
  display:grid;
  grid-gap: var(--main-gap);
  grid-template-columns: 1fr;
  align-items: start;
}

.grid-3-columns{
  display:grid;
  grid-gap: var(--main-gap);
  grid-template-columns: 1fr;
  align-items: start;
}

.grid-2-columns{
  display:grid;
  grid-gap: var(--main-gap);
  grid-template-columns: 1fr;
  align-items: start;
}

.grid-1-column{
  display:grid;
  grid-gap: var(--main-gap);
  grid-template-columns: 1fr;
  align-items: start;
}