/* FONT FACES */


@font-face {
    font-family: Kaleidescape;
    src: url(../fonts/kaleidescape-regular-bold.woff) format("woff"),url(../fonts/kaleidescape-regular-bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Kaleidescape;
    src: url(../fonts/kaleidescape-regular.woff) format("woff"),url(../fonts/kaleidescape-regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}


/* @font-face {
    font-family: "Kaleidescape Bold";
    src: url("../fonts/kaleidescape-regular-bold.woff") format("woff2"),
         url("../fonts/kaleidescape-regular-bold.woff2") format("woff"),
		 url("../fonts/kaleidescape-regular-bold.ttf") format("truetype");
}

@font-face {
    font-family: "Kaleidescape";
	src: url("../fonts/kaleidescape-regular.woff") format("woff2"),
         url("../fonts/kaleidescape-regular.woff2") format("woff"),
		 url("../fonts/kaleidescape-regular.ttf") format("truetype");
} */

@font-face{
	font-family:"HCO Gotham Book";
	src: url("../fonts/Gotham-Book.woff") format("woff"),
		   url("../fonts/Gotham-Book.ttf") format("truetype");
}

@font-face{
	font-family:"HCO Gotham Medium";
	src: url("../fonts/Gotham-Medium.woff") format("woff"),
		   url("../fonts/Gotham-Medium.ttf") format("truetype");
}

@font-face{
	font-family:"HCO Gotham Bold";
	src: url("../fonts/Gotham-Bold.woff") format("woff"),
		   url("../fonts/Gotham-Bold.ttf") format("truetype");
}

@font-face{
	font-family:"Helvetica Nueue Light";
	src: url("../fonts/HelveticaNueueLTPro-Lt.woff") format("woff"),
		   url("../fonts/HelveticaNueueLTPro-Lt.ttf") format("truetype");
}

@font-face{
	font-family:"Helvetica Nueue Roman";
	src: url("../fonts/HelveticaNueueLTPro-Roman.woff") format("woff"),
		   url("../fonts/HelveticaNueueLTPro-Roman.ttf") format("truetype");
}

@font-face{
	font-family:"Helvetica Nueue Medium";
	src: url("../fonts/HelveticaNueueLTPro-Md.woff") format("woff"),
		   url("../fonts/HelveticaNueueLTPro-Md.ttf") format("truetype");
}

/* GENERAL */

html, body {
  height: 100%;
  width: 100%;
  background-color: #fff;
  font-family: Kaleidescape;
  font-weight: 300;
  font-size: 16px;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h3, h4, h5, h6 {
  font-family: Kaleidescape;
  font-weight: 500;
}

h2 {
  font-family: Kaleidescape;
  font-weight: 500;
  font-size: 25px;
}

h1 {
  font-family: Kaleidescape;
  font-weight: 700;
  font-size: 36px;
}



.wrapper {
  width: 85%;
  max-width: 1200px;
  margin: auto;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: space-between;
}

.articles-list .article-entry h3 {
    font-family: Kaleidescape;
    margin-bottom: 5px;
    color: #555c6a;
    text-transform: none;
}