body{
  background: #f5f8fa;

  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  
  font-size: 1em; /* 16px/16=1 */
}

/* Colors */

.flat-gold {
  color:#fff;background-color:#b97c00
}

.text-emerald
{color:#2ecc71;}

.bg-poker
{color:#fff;background-color:#2f6b4d}

.bg-ngf
{color:#fff;background-color:#8822b1}
.flat-turquoise
{color:#fff;background-color:#1abc9c}
.flat-emerald
{color:#fff;background-color:#2ecc71}
.flat-peter-river
{color:#fff;background-color:#3498db}
.flat-amethyst
{color:#fff;background-color:#9b59b6}
.flat-wet-asphalt
{color:#fff;background-color:#34495e}
.flat-green-sea
{color:#fff;background-color:#16a085}
.flat-nephritis
{color:#fff;background-color:#27ae60}
.flat-belize-hole
{color:#fff;background-color:#2980b9}
.flat-wisteria
{color:#fff;background-color:#8e44ad}
.flat-midnight-blue
{color:#fff;background-color:#2c3e50}
.flat-sun-flower
{color:#fff;background-color:#f1c40f}
.flat-carrot
{color:#fff;background-color:#e67e22}
.flat-alizarin
{color:#fff;background-color:#e74c3c}
.flat-clouds
{color:#000;background-color:#ecf0f1}
.flat-concrete
{color:#fff;background-color:#95a5a6}
.flat-orange
{color:#fff;background-color:#f39c12}
.flat-pumpkin
{color:#fff;background-color:#d35400}
.flat-pomegranate
{color:#fff;background-color:#c0392b}
.flat-silver
{color:#000;background-color:#bdc3c7}
.flat-asbestos
{color:#fff;background-color:#7f8c8d}

.grad-carrot
{color:#fff;background-image: linear-gradient(#e67e22,#d35400);}
.grad-peter
{color:#fff;background-image: linear-gradient(#3498db,#2980b9);}
.grad-emerald
{color:#fff;background-image: linear-gradient(#2ecc71,#27ae60);}
.grad-asphalt
{color:#fff;background-image: linear-gradient(#34495e,#2c3e50);}
.grad-amethyst
{color:#fff;background-image: linear-gradient(#9b59b6,#8e44ad);}
.grad-clouds
{background-image: linear-gradient(#ecf0f1,#bdc3c7);}

/*fonts*/

.alumni-sans-light {
  font-family: "Alumni Sans", sans-serif;
  font-optical-sizing: none;
  font-weight: 300;
  font-style: normal;
}

.alumni-sans-regular {
  font-family: "Alumni Sans", sans-serif;
  font-optical-sizing: none;
  font-weight: 400;
  font-style: normal;
}

.alumni-sans-bold {
  font-family: "Alumni Sans", sans-serif;
  font-optical-sizing: none;
  font-weight: 600;
  font-style: normal;
}

.alumni-sans-pinstripe-regular {
  font-family: "Alumni Sans Pinstripe", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.alumni-sans-pinstripe-regular-italic {
  font-family: "Alumni Sans Pinstripe", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-condensed-regular {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.roboto-condensed-bold {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.roboto-slab-regular {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.roboto-slab-light {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.roboto-slab-bold {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 600; 
  font-weight: 600; 
  font-style: normal;
}

.sekuya-regular {
  font-family: "Sekuya", system-ui;
  font-weight: 400;
  font-style: normal;
}